.cursor-default, body, html {
	cursor: -webkit-image-set(url(/images/cursor-default-0503e917cf.png) 2x,
		url(/images/cursor-default%401-e6d66e8324.png) 1x) 4 4, auto
		!important
}

.cursor-crosshair {
	cursor: -webkit-image-set(url(/images/cursor-crosshair-b8f798f5a8.png) 2x,
		url(/images/cursor-crosshair%401-f1fd626b22.png) 1x) 15 15, auto
		!important
}

.cursor-zoom-in {
	cursor: -webkit-image-set(url(/images/cursor-zoom-in-d1d630289c.png) 2x,
		url(/images/cursor-zoom-in%401-5941ace0b3.png) 1x) 9 9, auto
		!important
}

.cursor-zoom-out {
	cursor: -webkit-image-set(url(/images/cursor-zoom-out-b0be95e136.png) 2x,
		url(/images/cursor-zoom-out%401-be1446d9db.png) 1x) 9 9, auto
		!important
}

.cursor-n-resize, .cursor-row-resize, .cursor-s-resize {
	cursor: -webkit-image-set(url(/images/cursor-ns-resize-9bc6f4e2e5.png) 2x,
		url(/images/cursor-ns-resize%401-c6c105d30f.png) 1x) 15 15, auto
		!important
}

.cursor-col-resize, .cursor-e-resize, .cursor-w-resize {
	cursor: -webkit-image-set(url(/images/cursor-we-resize-c4cb12572d.png) 2x,
		url(/images/cursor-we-resize%401-48d3fcecd5.png) 1x) 15 15, auto
		!important
}

.cursor-nw-resize, .cursor-se-resize {
	cursor: -webkit-image-set(url(/images/cursor-nwse-resize-1054d75318.png) 2x,
		url(/images/cursor-nwse-resize%401-a81da9d65d.png) 1x) 15 15, auto
		!important
}

.cursor-ne-resize, .cursor-sw-resize {
	cursor: -webkit-image-set(url(/images/cursor-nesw-resize-80bad45f59.png) 2x,
		url(/images/cursor-nesw-resize%401-ca92148581.png) 1x) 15 15, auto
		!important
}

.cursor-move {
	cursor: -webkit-image-set(url(/images/cursor-move-61d62465f0.png) 2x,
		url(/images/cursor-move%401-2995d7e39f.png) 1x) 4 4, auto !important
}

.cursor-view-move {
	cursor: -webkit-image-set(url(/images/cursor-view-move-51eb90060f.png) 2x,
		url(/images/cursor-view-move%401-f834bb17db.png) 1x) 15 15, auto
		!important
}

.cursor-view-grab {
	cursor: -webkit-image-set(url(/images/cursor-view-grab-3ab0773311.png) 2x,
		url(/images/cursor-view-grab%401-c0e0dfb1fb.png) 1x) 15 15, auto
		!important
}

.cursor-not-allowed {
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important
}

.cursor-help {
	cursor: -webkit-image-set(url(/images/cursor-help-b437541738.png) 2x,
		url(/images/cursor-help%401-225e6b9fa1.png) 1x) 4 4, auto !important
}

.cursor-copy {
	cursor: -webkit-image-set(url(/images/cursor-copy-50942b1225.png) 2x,
		url(/images/cursor-copy%401-223ac8e7fd.png) 1x) 4 4, auto !important
}

.cursor-rotate {
	cursor: -webkit-image-set(url(/images/cursor-rotate-fa2969e80b.png) 2x,
		url(/images/cursor-rotate%401-2993899d28.png) 1x) 15 15, auto
		!important
}

.cursor-add-ract {
	cursor: -webkit-image-set(url(/images/cursor-add-ract-6654d31b5f.png) 2x,
		url(/images/cursor-add-ract%401-6e069a9457.png) 1x) 9 9, auto
		!important
}

.cursor-move-del {
	cursor: -webkit-image-set(url(/images/cursor-move-del-7d1805a744.png) 2x,
		url(/images/cursor-move-del%401-cd1dfdd969.png) 1x) 4 4, auto
		!important
}

.cursor-text, input, textarea {
	cursor: -webkit-image-set(url(/images/cursor-text-4ba73b16b3.png) 2x,
		url(/images/cursor-text%401-3f72a719e2.png) 1x) 15 15, auto
		!important
}

.C_selectBox, .base-hollow-btn, .catalog-list .toolbar i, .contentBox .scrollBar,
	.cursor-pointer, .dropdownBox li, a, header .notification-btn {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.cursor-color-picker {
	cursor: none
}

.cursor-add-circular {
	cursor: -webkit-image-set(url(/images/cursor-add-circular-a720044eab.png) 2x,
		url(/images/cursor-add-circular%401-53b8661bd6.png) 1x) 9 9, auto
		!important
}

.cursor-pen {
	cursor: -webkit-image-set(url(/images/cursor-pen-3439eb5701.png) 2x,
		url(/images/cursor-pen%401-77f4d54a0b.png) 1x) 4 4, auto !important
}

.cursor-pencil {
	cursor: -webkit-image-set(url(/images/cursor-pencil-ac4343cf7d.png) 2x,
		url(/images/cursor-pencil%401-940f87469a.png) 1x) 4 20, auto
		!important
}

.prd-preview-document-icons {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto
}

.prd-left-panel {
	width: 270px;
	position: fixed;
	left: 0;
	top: 45px;
	bottom: 0;
	background: rgba(60, 60, 70, .98);
	z-index: 4;
	transition: transform .2s ease-in-out
}

.prd-left-panel.is-pack-up {
	position: absolute;
	transform: translateX(-100%)
}

.prd-left-panel .add-page-btn-panel {
	position: relative
}

.prd-left-panel .add-page-btn-comp {
	width: 250px;
	height: 32px;
	margin: 0 auto;
	margin-top: 20px;
	box-sizing: border-box;
	border: 1px solid #f56464;
	border-radius: 4px;
	display: flex;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-left-panel .add-page-btn-comp .add-btn-text {
	font-size: 13px;
	color: #f56464;
	line-height: 30px;
	width: 218px;
	text-align: center;
	transition: background .2s, color .2s
}

.prd-left-panel .add-page-btn-comp .add-btn-text:hover {
	background: #f56464;
	color: #fff
}

.prd-left-panel .add-page-btn-comp .add-btn-icon {
	width: 32px;
	position: relative;
	opacity: .8;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	transition: background .2s
}

.prd-left-panel .add-page-btn-comp .add-btn-icon:hover {
	background: #f56464
}

.prd-left-panel .add-page-btn-comp .add-btn-icon:hover::after {
	background-position: -100px -480px
}

.prd-left-panel .add-page-btn-comp .add-btn-icon::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: #f56464
}

.prd-left-panel .add-page-btn-comp .add-btn-icon::after {
	content: '';
	position: absolute;
	left: 7px;
	top: 6px;
	width: 20px;
	height: 20px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -100px -500px
}

.prd-left-panel .add-page-btn-comp .add-btn-icon.add-btn-open::after {
	transform: rotate(-180deg)
}

.prd-left-panel .move-list-comp {
	width: 270px;
	position: fixed;
	pointer-events: none;
	transform: translate(-50%, -50%);
	opacity: .3
}

.prd-left-panel .move-list-comp .show-drag-page-comp {
	height: 40px;
	display: flex
}

.prd-left-panel .move-list-comp .show-drag-page-comp .tip-line {
	display: none
}

@media only screen and (max-width:1300px) {
	.prd-left-panel {
		position: absolute;
		transform: translateX(-100%);
		transition: transform .2s ease-in-out
	}
	.prd-left-panel.is-unfold {
		transform: translateX(0)
	}
}

.search-page-input-comp {
	width: 248px;
	margin: 0 auto;
	margin-top: 8px;
	height: 32px;
	font-size: 12px;
	color: #fff;
	line-height: 32px;
	text-indent: 24px;
	position: relative
}

.search-page-input-comp::before {
	content: "";
	width: 20px;
	height: 20px;
	opacity: .8;
	position: absolute;
	top: 6px;
	left: 0;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: 0 -20px
}

.search-page-input-comp::after {
	content: "";
	width: 248px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	opacity: .2
}

.search-page-input-comp .search-input {
	width: 224px;
	background: 0 0;
	color: #fff;
	margin-top: 5px;
	font-size: 12px
}

.search-page-input-comp .clear-btn {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 6px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -80px -20px;
	display: none
}

.has-value-search-input::before {
	background-position: -80px -480px
}

.has-value-search-input .clear-btn {
	opacity: .8;
	display: block;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.has-value-search-input::after {
	background: #f56464;
	opacity: 1
}

.prd-page-list {
	padding: 10px;
	color: #fff;
	font-size: 14px;
	opacity: .8;
	max-height: calc(100% - 112px);
	overflow: scroll
}

.prd-page-list .deep-drag-page-comp {
	background: rgba(255, 255, 255, .03)
}

.prd-page-list .current-page-comp {
	background: rgba(245, 100, 100, .4)
}

.prd-page-list .is-showing-page-comp::after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 50%;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -220px 0;
	transform: rotate(-90deg) translateX(10px);
	opacity: 1
}

.prd-page-list .is-parent-select {
	background: rgba(245, 100, 100, .1)
}

.prd-page-list .is-drag-target-bottom::after, .prd-page-list .is-drag-target-bottom::before,
	.prd-page-list .is-drag-target-top::after, .prd-page-list .is-drag-target-top::before
	{
	content: '';
	position: absolute;
	background: #f56464;
	top: 0;
	transform: translateY(-50%)
}

.prd-page-list .is-drag-target-bottom::before, .prd-page-list .is-drag-target-top::before
	{
	width: 5px;
	height: 5px;
	border-radius: 5px
}

.prd-page-list .is-drag-target-bottom::after, .prd-page-list .is-drag-target-top::after
	{
	width: 100%;
	height: 1px
}

.prd-page-list .is-drag-target-bottom::after, .prd-page-list .is-drag-target-bottom::before
	{
	top: auto;
	bottom: 0;
	transform: translateY(50%)
}

.move-list-comp .C-name-input, .prd-page-list .C-name-input {
	font-size: 13px;
	margin-left: 2px
}

.move-list-comp .C-name-input .readonly-input, .prd-page-list .C-name-input .readonly-input
	{
	margin-top: 6px
}

.move-list-comp .C-name-input input, .prd-page-list .C-name-input input
	{
	margin-top: -6px
}

.drag-page-comp {
	height: 40px;
	display: flex;
	align-items: center;
	position: relative;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.drag-page-comp .tip-line {
	position: absolute;
	height: 100%;
	transition: width .3s, left .3s
}

.drag-page-comp .has-child-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.drag-page-comp .has-child-icon::before {
	content: '';
	position: absolute;
	left: 10.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 3px 0 3px;
	border-color: #fff transparent transparent transparent;
	top: 9px
}

.drag-page-comp .has-child-icon .fold-line {
	top: 12px;
	left: 14px;
	background: #fff;
	width: 1px;
	position: absolute;
	transform: translateX(-50%) scaleX(.5);
	opacity: .4
}

.drag-page-comp .has-child-icon .fold-line::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 11px;
	height: 1px;
	background: #fff
}

.drag-page-comp .hide-child-icon::before {
	top: 7px;
	left: 12.5px;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #fff
}

.drag-page-comp .page-icon {
	width: 20px;
	height: 20px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -20px -20px
}

.drag-page-comp .fold-icon {
	background-position: -40px -20px
}

.drag-page-comp .page-name {
	margin-left: 2px;
	opacity: .8;
	font-size: 13px
}

.drag-page-comp .inner-page-border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(245, 100, 100, .6)
}

.drag-page-comp .list-change-name {
	width: calc(100% - 50px)
}

.drag-page-comp .list-change-name .readonly-input {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prd-unfold-btn {
	position: absolute;
	width: 32px;
	height: 32px;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	opacity: .7;
	transition: transform .2s ease-in-out;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	background-color: rgba(44, 43, 39, .6);
	border-radius: 50%
}

.prd-unfold-btn:hover {
	opacity: 1
}

.prd-unfold-btn::after {
	content: '';
	position: absolute;
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -510px -50px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg)
}

.prd-unfold-btn.is-unfold {
	transform: translate(0, -50%)
}

.prd-unfold-btn.is-unfold::after {
	transform: rotate(0)
}

.prd-unfold-btn.is-pack-up {
	transform: translate(50%, -50%)
}

@media only screen and (max-width:1300px) {
	.prd-unfold-btn {
		transform: translate(0, -50%);
		transition: transform .2s ease-in-out
	}
	.prd-unfold-btn.is-pack-up {
		transform: translate(0, -50%)
	}
	.prd-unfold-btn.is-pack-up::after {
		transform: rotate(0)
	}
	.prd-unfold-btn.is-unfold {
		transform: translate(50%, -50%)
	}
	.prd-unfold-btn.is-unfold::after {
		transform: rotate(180deg)
	}
}

@font-face {
	font-family: 'shimo font';
	src:
		url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMg8THIEAAACsAAAAYGNtYXDvfNouAAABDAAAAXpnbHlmQn+GwgAAAogAAAWoaGVhZBAE+08AAAgwAAAANmhoZWEHwgPRAAAIaAAAACRobXR4NYAKwgAACIwAAABEbG9jYQqoCTwAAAjQAAAAJm1heHAAGABMAAAI+AAAACBuYW1lGDPoTwAACRgAAAGGcG9zdAdXB0sAAAqgAAAAVAAEA1oBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAP/9A8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAAAAAB0AAMAAQAAABwABABYAAAAEgAQAAMAAgABACDxBPIB8wT0AvkD//3//wAAAAAAIPEB8gHzAfQB+QH//f//AAH/4w8DDgcNCAwMBw4AAwABAAAAAAAAAAAAAAAAAAAAAAAAAAABBgAAAQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBVQCNAu8CJgAcAAABFAcOAQcGIyInLgEnJjU0Nz4BNzYzMhceARcWFQLvEBA4JSUrKiYlNxEQEBE3JSYqKyUlOBAQAVorJSU4EBAQEDglJSsqJSY3EBAQEDcmJSoAAAIBVQCNAu8CJgAbACgAACUiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYDIgYVFBYzMjY1NCYjAiIqJiU3ERAQETclJioqJiU4EBAQEDglJio4UFA4OVBQOY0QEDglJSsqJSY3EBAQEDcmJSorJSU4EBABVVA4OVBQOThQAAAAAQFVAI0C7wImAAQAAAEhESERAVUBmv5mAib+ZwGZAAACAVUAjQLvAiYAAwAHAAAlIREhASERIQLv/mYBmv6rARH+740Bmf6rAREAAAMBEQBJAzMCawAbADgARAAAJSInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBgMiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYjFxQGIyImNTQ2MzIWAiI4MjJKFRYWFUoyMjg5MTJKFhUVFkoyMTkqJiU3ERAQETclJioqJiU4EBAQEDglJipnPCsqPDwqKzxJFRZKMTI5ODIyShUWFhVKMjI4OTIxShYVAd0QEDcmJSorJSU4EBAQEDglJSsqJSY3EBDMKzw8Kyo8PAAAAAABAKsASQNVAvMACgAAAQcXAScxAQcXIRUCouNDAVME/q1E4v4PAXDkQwFSBQFTROFeAAAAAQEIAE4DJQJrAAQAAAkEAQgBDwEO/vL+8QFcAQ/+8f7yAQ4AAQFVAI0C7wImAAQAAAEhESERAVUBmv5mAib+ZwGZAAABAVUAjQLvAiYAHAAAARQHDgEHBiMiJy4BJyY1NDc+ATc2MzIXHgEXFhUC7xAQOCUlKyomJTcREBARNyUmKislJTgQEAFaKyUlOBAQEBA4JSUrKiUmNxAQEBA3JiUqAAACAAD/wAO8A3wAAwAIAAAFIREhASERIREDvPxEA7z8iAMz/M1AA7z8iAMz/M0AAAACAAD/wAQAA3wABQARAAAJARcJATcBFSERIRUhESERMxEB7QG8V/3t/t5XApr8RALv/VUDM0UBewG8Vv3tASFX/b5EA7xF/M0Bmv5mAAAAAAUAAP/AA8QDZgAEAAgADwAsAEkAAAEnBxc3JScHFwUjERc3JzcnIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmIxEiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYjA8TfPN88/Vc83zwBxE7lKscGHlhNTXIhISEhck1NWFhNTXIhISEhck1NWEY9PFkaGRkaWTw9RkY8PVkaGRkaWT08RgKru0m6SHJJtUgY/uSKNnP9uiEgck1NWFhNTXIhISEhck1NWFhNTXIgIf0PGhlaPD1GRjw9WRkaGhlZPTxGRj08WhkaAAAEAAD/wAPEA2YABAAIACUALAAAAScHFzclJwcXJTIXHgEXFhUUBw4BBwYjIicuAScmNTQ3PgE3NjMXIxEXNyc3A8TfPN88/Vc83zwBplhNTXIhISEhck1NWFhNTXIhISEhck1NWB5O5SrHBgKru0m6SHJJtUiiISByTU1YWE1NciEhISFyTU1YWE1NciAhuv7kijZz/QAAAAQAAP/AA8QDZgAEAAgAJQAsAAABJwcXNyUnBxclMhceARcWFRQHDgEHBiMiJy4BJyY1NDc+ATc2MxcjERc3JzcDxN883zz9VzzfPAGmWE1NciEhISFyTU1YWE1NciEhISFyTU1YHk7lKscGAqu7SbpIckm1SKIhIHJNTVhYTU1yISEhIXJNTVhYTU1yICG6/uSKNnP9AAAAAQAAAAAAADRVXx1fDzz1AAsEAAAAAADWc1uLAAAAANZzW4sAAP/ABAADfAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAEAQAAAAAAAAAAAAAAAIAAAADvAFVBAABVQQAAVUEAAFVBAABEQQAAKsEAAEIBAABVQQAAVUEAAAABAAAAAPEAAAAAAAAAAAAAAAKABQAHgBOAI4AngC0ARwBNgFIAVgBiAGgAcgCPAKIAtQAAAABAAAAEgBKAAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAGgAuAAMAAQQJAAEADgBIAAMAAQQJAAIADgBWAAMAAQQJAAMADgBkAAMAAQQJAAQADgByAAMAAQQJAAUAFgCAAAMAAQQJAAYADgCWAAMAAQQJAAoANACkaWNvbW9vblJlZ3VsYXJpY29tb29uaWNvbW9vblZlcnNpb24gMS4waWNvbW9vbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEgASAAAAAQABAAMBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPAAAAAAAAAAAAAAAAAAA=)
		format('truetype');
	font-weight: 400;
	font-style: normal
}

.prd-content-panel {
	position: absolute;
	height: calc(100% - 113px);
	margin-top: 113px;
	width: 100%;
	margin-left: 0;
	width: calc(100% - 270px);
	margin-left: 270px;
	overflow-y: scroll;
	transition: .2s ease-in-out
}

.prd-content-panel.is-pack-up {
	width: 100%;
	margin-left: 0
}

@media only screen and (max-width:1300px) {
	.prd-content-panel {
		width: 100%;
		margin-left: 0;
		transition: .2s ease-in-out
	}
}

.prd-editor-header {
	z-index: 5;
	position: fixed;
	left: 270px;
	right: 0;
	top: 45px;
	transition: left .2s ease-in-out;
	margin-right: 9px
}

.prd-editor-header.isFixed {
	background: #2c2c31;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.prd-editor-header.is-pack-up {
	left: 0
}

@media only screen and (max-width:1300px) {
	.prd-editor-header {
		left: 0;
		transition: left .2s ease-in-out
	}
}

.prd-document-imgs {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto
}

.prd-preview-imgs {
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto
}

.flex-row {
	display: flex
}

.flex-column {
	display: flex;
	flex-direction: column
}

.justify-content-center {
	justify-content: center
}

.align-items-center {
	align-items: center
}

.prd-document-icons {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8
}

.prd-document-icons:hover {
	opacity: 1
}

.prd-search-group .prd-checklist, .prd-search-group .prd-search {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	padding: 0;
	margin: 12px 0 0 12px;
	opacity: 1
}

.prd-search-group .prd-search {
	background-position: -200px -60px
}

.prd-search-group .prd-search:hover {
	background-position: -220px -60px
}

.prd-search-group .prd-checklist {
	background-position: -200px -460px
}

.prd-search-group .prd-checklist:hover {
	background-position: -220px -460px
}

.prd-panel {
	height: 100%
}

.add-link-btn {
	position: fixed;
	width: 50px;
	height: 50px;
	top: 100px;
	left: 300px;
	background: red
}

.prd-edit-box {
	display: flex;
	justify-content: center
}

.prd-edit-box .prd-text-content-box {
	position: relative
}

.prd-edit-box .prd-editor-header {
	z-index: 3
}

.prd-delete-content-panel {
	display: flex;
	justify-content: center;
	background: rgba(0, 0, 0, .2);
	width: 100%;
	padding: 52px 0 60px
}

.prd-delete-content-panel .prd-delete-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 70px;
	height: 74px;
	background-position: -120px -383px;
	margin-right: 40px
}

.prd-delete-content-panel .prd-delete-tips-panel .tips-title {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 20px
}

.prd-delete-content-panel .prd-delete-tips-panel .tips-title .stress-tips-text
	{
	color: #ffb4b4
}

.prd-insert-list-panel {
	width: 44px;
	background: rgba(60, 60, 70, .98);
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	border-radius: 2px;
	position: fixed;
	left: calc(( 100% - 270px)/2- 290px);
	transition: .2s ease-in-out
}

.prd-insert-list-panel.is-pack-up {
	left: calc(( 100% - 1000px)/2- 60px)
}

.prd-insert-list-panel .option-box {
	width: 100%;
	height: 40px;
	position: relative;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.prd-insert-list-panel .option-box:hover {
	background: rgba(0, 0, 0, .15)
}

.prd-insert-list-panel .option-box:hover .insert-icons {
	opacity: 1
}

.prd-insert-list-panel .option-box .text-icon {
	background-position: -200px -20px
}

.prd-insert-list-panel .option-box .table-icon {
	background-position: 0 -80px
}

.prd-insert-list-panel .option-box .image-icon {
	background-position: 0 -360px
}

.prd-insert-list-panel .option-box .line-icon {
	background-position: -20px -360px
}

.prd-insert-list-panel .option-box .page-icon {
	background-position: -40px -360px
}

.prd-insert-list-panel .option-box .contr-icon {
	background-position: -60px -360px
}

.prd-insert-list-panel .option-box .pageflow-icon {
	background-position: -80px -360px
}

.prd-insert-list-panel .option-box .preview-icon {
	background-position: -100px -360px
}

.prd-insert-list-panel .option-box .projectView-icon {
	background-position: -120px -360px
}

.prd-insert-list-panel .option-box .webView-icon {
	background-position: -140px -360px
}

.prd-insert-list-panel .contr-box, .prd-insert-list-panel .image-box,
	.prd-insert-list-panel .line-box, .prd-insert-list-panel .projectView-box
	{
	margin-bottom: 1px
}

.prd-insert-list-panel .contr-box::after, .prd-insert-list-panel .image-box::after,
	.prd-insert-list-panel .line-box::after, .prd-insert-list-panel .projectView-box::after
	{
	content: '';
	width: 24px;
	height: 1px;
	background: rgba(255, 255, 255, .15);
	position: absolute;
	bottom: -1px
}

@media only screen and (max-width:1300px) {
	.prd-insert-list-panel {
		left: calc(( 100% - 1000px)/2- 60px);
		transition: .2s ease-in-out
	}
}

.prd-editor-btn-panel {
	height: 68px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	display: flex;
	align-items: center;
	position: relative
}

.prd-editor-btn-panel .prd-head-btn-panel {
	position: relative
}

.prd-editor-btn-panel .prd-head-btn-panel .column-line {
	width: 1px;
	height: 24px;
	background-color: rgba(255, 255, 255, .15);
	position: absolute;
	top: -2px
}

.prd-editor-btn-panel .prd-head-btn-panel .column-line.left-line {
	left: 0
}

.prd-editor-btn-panel .prd-head-btn-panel .column-line.right-line {
	right: 0
}

.prd-editor-btn-panel .prd-head-btn-panel .column-line.is-short-page.left-line
	{
	left: 16px
}

.prd-editor-btn-panel .prd-head-btn-icon {
	width: 20px;
	height: 20px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	opacity: .8;
	margin-left: 12px
}

.prd-editor-btn-panel .prd-head-btn-icon:hover {
	opacity: 1
}

.prd-editor-btn-panel .prd-head-btn-icon:hover::before {
	opacity: .8
}

.prd-editor-btn-panel .prd-head-btn-icon.left-line {
	margin-left: 16px
}

.prd-editor-btn-panel .prd-head-btn-icon.right-line {
	margin-right: 16px
}

.prd-editor-btn-panel .prd-head-btn-icon.is-hyperlink-icon {
	margin-left: 32px
}

.prd-editor-btn-panel .expand-arrow-icon {
	content: '';
	background-position: -222px -2px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: 0
}

.prd-editor-btn-panel .column-cutline {
	content: '';
	width: 1px;
	height: 24px;
	background-color: rgba(255, 255, 255, .15);
	position: absolute;
	top: -2px;
	pointer-events: none
}

.prd-editor-btn-panel .insert-btn-panel {
	position: absolute
}

.prd-editor-btn-panel .head-center-btn-panel {
	display: flex;
	align-items: center;
	margin: 0 auto
}

.prd-editor-btn-panel .text-size-drop-panel {
	position: relative;
	margin-right: 16px;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-editor-btn-panel .text-align-drop-panel {
	position: relative
}

.prd-editor-btn-panel .text-color-drop-panel {
	position: relative;
	display: flex;
	margin-left: 12px;
	margin-right: 16px
}

.prd-editor-btn-panel .text-color-drop-panel.is-table {
	margin-right: 12px
}

.prd-editor-btn-panel .text-color-drop-panel .current-checked-color {
	width: 12px;
	height: 2px;
	position: absolute;
	bottom: 2px;
	left: 4px
}

.prd-editor-btn-panel .text-color-drop-panel:hover .text-color-btn,
	.prd-editor-btn-panel .text-color-drop-panel:hover .text-color-drop-icon
	{
	opacity: 1
}

.prd-editor-btn-panel .text-color-drop-panel .text-color-drop-box {
	display: flex
}

.prd-editor-btn-panel .text-color-drop-panel .text-color-drop-box.is-list-open .text-color-btn,
	.prd-editor-btn-panel .text-color-drop-panel .text-color-drop-box.is-list-open .text-color-drop-icon
	{
	opacity: 1
}

.prd-editor-btn-panel .page-border-btn {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: -220px -280px
}

.prd-editor-btn-panel .page-border-btn:hover {
	opacity: 1
}

.prd-editor-btn-panel .page-border-btn.is-phone-icon {
	background-position: -220px -360px
}

.prd-editor-btn-panel .page-border-btn.is-phone-icon.is-active {
	background-position: -200px -360px
}

.prd-editor-btn-panel .page-border-btn.is-active {
	background-position: -220px -300px
}

.prd-editor-btn-panel .page-border-drop-panel {
	position: relative;
	display: flex;
	margin-left: 12px
}

.prd-editor-btn-panel .page-border-drop-panel.is-table {
	margin-right: 12px
}

.prd-editor-btn-panel .page-border-drop-panel:hover .page-border-btn,
	.prd-editor-btn-panel .page-border-drop-panel:hover .page-border-drop-icon
	{
	opacity: 1
}

.prd-editor-btn-panel .page-border-drop-panel .page-border-drop-box {
	display: flex
}

.prd-editor-btn-panel .page-border-drop-panel .page-border-drop-box.is-list-open .page-border-btn,
	.prd-editor-btn-panel .page-border-drop-panel .page-border-drop-box.is-list-open .page-border-drop-icon
	{
	opacity: 1
}

.prd-editor-btn-panel .insert-btn {
	width: 52px;
	height: 20px;
	position: relative
}

.prd-editor-btn-panel .insert-btn::before {
	content: '插入';
	position: absolute;
	left: 0
}

.prd-editor-btn-panel .insert-btn::after {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	content: '';
	background-position: -222px -2px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: 0
}

.prd-editor-btn-panel .insert-btn::after:hover {
	opacity: 1
}

.prd-editor-btn-panel .text-size-btn {
	width: 60px;
	height: 20px;
	position: relative;
	opacity: .8
}

.prd-editor-btn-panel .text-size-btn::after {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	content: '';
	background-position: -222px -2px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: 0
}

.prd-editor-btn-panel .text-size-btn::after:hover {
	opacity: 1
}

.prd-editor-btn-panel .text-size-btn:hover {
	opacity: 1
}

.prd-editor-btn-panel .text-size-btn:hover::after {
	opacity: 1
}

.prd-editor-btn-panel .text-size-btn.is-list-open {
	opacity: 1
}

.prd-editor-btn-panel .text-size-btn.is-list-open:hover::after {
	opacity: 1
}

.prd-editor-btn-panel .font-weight-btn {
	background-position: 0 0
}

.prd-editor-btn-panel .font-weight-btn.is-active {
	background-position: 0 -40px
}

.prd-editor-btn-panel .italic-btn {
	background-position: -20px 0
}

.prd-editor-btn-panel .italic-btn.is-active {
	background-position: -20px -40px
}

.prd-editor-btn-panel .underline-btn {
	background-position: -40px 0
}

.prd-editor-btn-panel .underline-btn.is-active {
	background-position: -40px -40px
}

.prd-editor-btn-panel .strikethrough-btn {
	background-position: -60px 0
}

.prd-editor-btn-panel .strikethrough-btn.is-active {
	background-position: -60px -40px
}

.prd-editor-btn-panel .double-quotation-marks-btn {
	background-position: -80px 0
}

.prd-editor-btn-panel .text-color-btn {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	background-position: -100px 0
}

.prd-editor-btn-panel .text-color-btn:hover {
	opacity: 1
}

.prd-editor-btn-panel .page-border-drop-icon, .prd-editor-btn-panel .table-bg-color-drop-icon,
	.prd-editor-btn-panel .text-color-drop-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	width: 16px;
	height: 16px;
	background-position: -222px -2px;
	margin-top: 2px
}

.prd-editor-btn-panel .page-border-drop-icon:hover,
	.prd-editor-btn-panel .table-bg-color-drop-icon:hover,
	.prd-editor-btn-panel .text-color-drop-icon:hover {
	opacity: 1
}

.prd-editor-btn-panel .table-bg-color-drop-panel {
	display: flex;
	position: relative;
	margin-right: 16px
}

.prd-editor-btn-panel .table-bg-color-drop-panel.is-have-column-line::after
	{
	content: '';
	width: 1px;
	height: 24px;
	background-color: rgba(255, 255, 255, .15);
	position: absolute;
	top: -2px;
	pointer-events: none;
	right: -16px
}

.prd-editor-btn-panel .table-bg-color-drop-panel .table-bg-color-btn {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	background-position: -20px -80px
}

.prd-editor-btn-panel .table-bg-color-drop-panel .table-bg-color-btn:hover
	{
	opacity: 1
}

.prd-editor-btn-panel .table-bg-color-drop-panel .current-checked-color
	{
	width: 13px;
	height: 2px;
	position: absolute;
	bottom: 2px;
	left: 3px
}

.prd-editor-btn-panel .table-bg-color-drop-panel .table-bg-color-drop-box
	{
	display: flex
}

.prd-editor-btn-panel .table-bg-color-drop-panel .table-bg-color-drop-box.is-list-open .table-bg-color-btn,
	.prd-editor-btn-panel .table-bg-color-drop-panel .table-bg-color-drop-box.is-list-open .table-bg-color-drop-icon
	{
	opacity: 1
}

.prd-editor-btn-panel .table-bg-color-drop-panel:hover .table-bg-color-btn
	{
	opacity: 1
}

.prd-editor-btn-panel .table-bg-color-drop-panel:hover .table-bg-color-drop-icon
	{
	opacity: 1
}

.prd-editor-btn-panel .num-list-btn {
	background-position: -120px 0
}

.prd-editor-btn-panel .num-list-btn.is-active {
	background-position: -80px -40px
}

.prd-editor-btn-panel .unordered-list-btn {
	background-position: -140px 0
}

.prd-editor-btn-panel .unordered-list-btn.is-active {
	background-position: -100px -40px
}

.prd-editor-btn-panel .task-list-btn {
	background-position: -140px -460px
}

.prd-editor-btn-panel .task-list-btn.is-active {
	background-position: -160px -460px
}

.prd-editor-btn-panel .text-align-btn {
	margin-right: 16px;
	background-position: -120px -20px
}

.prd-editor-btn-panel .text-align-btn.text-align-left {
	background-position: -160px 0
}

.prd-editor-btn-panel .text-align-btn.text-align-center {
	background-position: -120px -20px
}

.prd-editor-btn-panel .text-align-btn.text-align-right {
	background-position: -140px -20px
}

.prd-editor-btn-panel .text-align-btn.text-align-justify {
	background-position: -160px -20px
}

.prd-editor-btn-panel .text-align-btn::after {
	content: '';
	background-position: -222px -2px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: 0;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto
}

.prd-editor-btn-panel .text-hyperlink-btn {
	background-position: -200px 0
}

.prd-editor-btn-panel .text-hyperlink-btn.is-active {
	background-position: -120px -40px
}

.prd-editor-btn-panel .C_selectBox {
	border: 0;
	background: rgba(44, 45, 50, .96)
}

.prd-editor-btn-panel .C_selectBox span {
	font-size: 14px
}

.prd-editor-btn-panel .vertical-top-btn {
	background-position: 0 -60px
}

.prd-editor-btn-panel .vertical-middle-btn {
	background-position: -20px -60px
}

.prd-editor-btn-panel .vertical-bottom-btn {
	background-position: -40px -60px
}

.prd-editor-btn-panel .horiz-left-btn {
	background-position: -60px -60px
}

.prd-editor-btn-panel .horiz-center-btn {
	background-position: -80px -60px
}

.prd-editor-btn-panel .horiz-right-btn {
	background-position: -100px -60px
}

.prd-editor-btn-panel .horiz-center-align-btn {
	margin-left: 16px;
	background-position: -120px -60px
}

.prd-editor-btn-panel .vertical-center-align-btn {
	background-position: -140px -60px
}

.prd-editor-btn-panel .table-mode-setting-panel {
	display: flex;
	align-content: center;
	position: relative
}

.prd-editor-btn-panel .table-mode-setting-panel .dropdown-btn-box {
	width: 36px;
	position: relative;
	display: flex;
	align-items: center;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-editor-btn-panel .table-mode-setting-panel .dropdown-btn-box .table-icon
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: 0 -80px
}

.prd-editor-btn-panel .table-mode-setting-panel .dropdown-btn-box .table-icon:hover
	{
	opacity: 1
}

.prd-editor-btn-panel .table-mode-setting-panel .dropdown-btn-box::after
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	content: '';
	background-position: -222px -2px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: 0;
	top: 5px
}

.prd-editor-btn-panel .table-mode-setting-panel .dropdown-btn-box::after:hover
	{
	opacity: 1
}

.prd-editor-btn-panel .table-mode-setting-panel .dropdown-btn-box:hover .table-icon
	{
	opacity: 1
}

.prd-editor-btn-panel .table-mode-setting-panel .dropdown-btn-box:hover::after
	{
	opacity: 1
}

.prd-editor-btn-panel .table-mode-setting-panel .dropdown-btn-box.is-dropdown-list-open .table-icon
	{
	opacity: 1
}

.prd-editor-btn-panel .table-mode-setting-panel .dropdown-btn-box.is-dropdown-list-open::after
	{
	opacity: 1
}

.prd-editor-btn-panel .table-mode-setting-panel.is-disable .dropdown-btn-box
	{
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important
}

.prd-editor-btn-panel .table-mode-setting-panel.is-disable .dropdown-btn-box .table-icon
	{
	opacity: .3
}

.prd-editor-btn-panel .table-mode-setting-panel.is-disable .dropdown-btn-box::after
	{
	opacity: .3
}

.prd-editor-btn-panel .table-mode-setting-panel.is-disable .dropdown-btn-box:hover .table-icon
	{
	opacity: .3
}

.prd-editor-btn-panel .table-mode-setting-panel.is-disable .dropdown-btn-box:hover::after
	{
	opacity: .3
}

.prd-editor-btn-panel .table-mode-setting-panel.is-disable .table-input-box::before
	{
	opacity: .3
}

.prd-editor-btn-panel .table-mode-setting-panel.is-disable .table-pos-input
	{
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important;
	opacity: .3
}

.prd-editor-btn-panel .table-mode-setting-panel .table-input-box {
	width: 60px;
	position: relative;
	font-size: 12px;
	color: #fff;
	margin-left: 12px
}

.prd-editor-btn-panel .table-mode-setting-panel .input-type-text {
	position: absolute;
	line-height: 24px;
	top: 1px
}

.prd-editor-btn-panel .table-mode-setting-panel .row-line-box::before {
	content: '行';
	position: absolute;
	line-height: 24px;
	top: 1px
}

.prd-editor-btn-panel .table-mode-setting-panel .column-line-box {
	width: 76px;
	position: relative
}

.prd-editor-btn-panel .table-mode-setting-panel .column-line-box::before
	{
	content: '列';
	position: absolute;
	line-height: 24px;
	top: 1px
}

.prd-editor-btn-panel .table-mode-setting-panel .column-line-box::after
	{
	content: '';
	width: 1px;
	height: 24px;
	background-color: rgba(255, 255, 255, .15);
	position: absolute;
	top: -2px;
	pointer-events: none;
	right: 0;
	top: 0
}

.prd-editor-btn-panel .table-mode-setting-panel .table-pos-input {
	width: 42px;
	height: 24px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, .6);
	box-sizing: border-box;
	border-radius: 4px;
	background: rgba(0, 0, 0, .2);
	margin-left: 18px;
	color: rgba(255, 255, 255, .8);
	font-size: 14px
}

.prd-editor-btn-panel .table-font-size-drop-panel {
	width: 35px;
	margin-left: 16px;
	position: relative
}

.prd-editor-btn-panel .table-font-size-btn {
	position: relative;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	opacity: .8
}

.prd-editor-btn-panel .table-font-size-btn::after {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	content: '';
	background-position: -222px -2px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: 0
}

.prd-editor-btn-panel .table-font-size-btn::after:hover {
	opacity: 1
}

.prd-editor-btn-panel .table-font-size-btn:hover {
	opacity: 1
}

.prd-editor-btn-panel .table-font-size-btn:hover::after {
	opacity: 1
}

.prd-editor-btn-panel .table-font-size-btn.is-list-open {
	opacity: 1
}

.prd-editor-btn-panel .table-font-size-btn.is-list-open::after {
	opacity: 1
}

.prd-editor-btn-panel .replace-img-btn {
	background-position: -40px -80px;
	margin-left: 0;
	margin-right: 16px
}

.prd-editor-btn-panel .clip-img-btn {
	background-position: -60px -80px
}

.prd-editor-btn-panel .recover-default-size-btn {
	background-position: -80px -80px
}

.prd-editor-btn-panel .recover-clip-btn {
	background-position: -200px -80px
}

.prd-editor-btn-panel .replace-contr-btn, .prd-editor-btn-panel .replace-page-btn,
	.prd-editor-btn-panel .replace-preview-btn {
	background-position: -120px -80px;
	margin-left: 0
}

.prd-editor-btn-panel .hide-snapshots-title-btn {
	background-position: -140px -80px
}

.prd-editor-btn-panel .hide-snapshots-title-btn.is-active {
	background-position: -220px -80px
}

.prd-editor-btn-panel .contr-border-btn {
	background-position: -220px -280px
}

.prd-editor-btn-panel .contr-border-btn.is-active {
	background-position: -220px -300px
}

.prd-editor-btn-panel .short-page-btn {
	background-position: -220px -100px
}

.prd-editor-btn-panel .short-page-btn.is-short-page {
	margin-left: 32px
}

.prd-editor-btn-panel .long-page-btn {
	background-position: -220px -120px
}

.prd-editor-btn-panel .page-remarks-btn {
	background-position: -220px -440px;
	margin-left: 16px
}

.prd-editor-btn-panel .page-remarks-btn.is-active {
	background-position: -220px -420px
}

.prd-editor-btn-panel .switch-btn-panel {
	width: 144px;
	height: 28px;
	font-size: 12px;
	text-align: center;
	line-height: 28px;
	color: #fff;
	display: flex
}

.prd-editor-btn-panel .switch-btn-panel.is-web {
	margin-left: 16px
}

.prd-editor-btn-panel .switch-btn-panel .btn-text {
	opacity: .8
}

.prd-editor-btn-panel .switch-btn-panel .left-btn-box,
	.prd-editor-btn-panel .switch-btn-panel .right-btn-box {
	width: 72px;
	height: 28px;
	background: rgba(60, 60, 70, .98);
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-editor-btn-panel .switch-btn-panel .left-btn-box.is-checked,
	.prd-editor-btn-panel .switch-btn-panel .right-btn-box.is-checked {
	background: #d94e4e
}

.prd-editor-btn-panel .switch-btn-panel .left-btn-box.is-checked .btn-text,
	.prd-editor-btn-panel .switch-btn-panel .right-btn-box.is-checked .btn-text
	{
	opacity: 1
}

.prd-editor-btn-panel .switch-btn-panel .left-btn-box.not-allow-check,
	.prd-editor-btn-panel .switch-btn-panel .right-btn-box.not-allow-check
	{
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important
}

.prd-editor-btn-panel .switch-btn-panel .left-btn-box {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.prd-editor-btn-panel .switch-btn-panel .right-btn-box {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.prd-editor-btn-panel .insert-web-url-btn {
	background-position: -160px -80px;
	margin-left: 0
}

.prd-editor-container {
	position: relative;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
	padding-bottom: 50px
}

.prd-editor-container .editor-title-panel {
	margin: 0 50px;
	width: auto;
	height: 68px;
	border-bottom: 1px solid #e8ecf1;
	padding-top: 60px;
	font-size: 30px
}

.prd-editor-container .editor-title-panel .title-input-area {
	background: 0 0;
	font-weight: 700;
	font-size: 100%;
	width: 100%;
	height: 50px;
	line-height: 50px
}

.prd-editor-container .editor-content-panel {
	position: relative;
	width: auto;
	height: calc(100% - 150px);
	padding-bottom: 50px
}

.prd-editor-container .prd-canvas-stage {
	pointer-events: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.prd-editor-container .cursor-line {
	cursor: -webkit-image-set(url(/images/cursor-crosshair-b8f798f5a8.png) 2x,
		url(/images/cursor-crosshair%401-f1fd626b22.png) 1x) 15 15, auto
		!important
}

.editor-content-view {
	margin: 0 50px 50px 50px;
	position: absolute
}

.prd-line-panel-comp {
	width: 100%;
	height: 100%;
	position: relative;
	pointer-events: none
}

.prd-line-panel-comp>div {
	pointer-events: all
}

.prd-line-panel-comp .prd-circle-select, .prd-line-panel-comp .prd-line-comment,
	.prd-line-panel-comp .prd-line-dom {
	cursor: -webkit-image-set(url(/images/cursor-move-61d62465f0.png) 2x,
		url(/images/cursor-move%401-2995d7e39f.png) 1x) 4 4, auto !important
}

.prd-line-panel-comp .prd-line-dom {
	position: absolute;
	background-color: transparent
}

.prd-line-panel-comp .row-resize-cursor-line {
	cursor: -webkit-image-set(url(/images/cursor-ns-resize-9bc6f4e2e5.png) 2x,
		url(/images/cursor-ns-resize%401-c6c105d30f.png) 1x) 15 15, auto
		!important
}

.prd-line-panel-comp .col-resize-cursor-line {
	cursor: -webkit-image-set(url(/images/cursor-we-resize-c4cb12572d.png) 2x,
		url(/images/cursor-we-resize%401-48d3fcecd5.png) 1x) 15 15, auto
		!important
}

.prd-line-panel-comp .prd-line-circle {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	position: absolute;
	background-color: transparent;
	transform: translate(-50%, -50%)
}

.prd-line-panel-comp .prd-line-comment {
	background-color: transparent;
	border-radius: 8px;
	transform: translate(-50%, -50%);
	position: absolute
}

.prd-line-panel-comp .no-select-line .col-resize-cursor-line,
	.prd-line-panel-comp .no-select-line .prd-circle-select,
	.prd-line-panel-comp .no-select-line .prd-line-comment,
	.prd-line-panel-comp .no-select-line .prd-line-dom,
	.prd-line-panel-comp .no-select-line .row-resize-cursor-line {
	cursor: -webkit-image-set(url(/images/cursor-default-0503e917cf.png) 2x,
		url(/images/cursor-default%401-e6d66e8324.png) 1x) 4 4, auto
		!important
}

.prd-drag-select {
	position: absolute;
	border: 1px rgba(0, 0, 0, .4) solid;
	background: rgba(100, 170, 255, .1);
	box-sizing: border-box;
	pointer-events: none
}

.prd-drag-container {
	position: absolute;
	border: solid 1px #f56464;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 2
}

.prd-drag-container .prd-drag-spot {
	position: absolute;
	pointer-events: auto;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #f56464;
	border: solid 1px #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}

.prd-drag-container .prd-drag-spot.prd-drag-lt-spot {
	left: -5px;
	top: -5px;
	cursor: -webkit-image-set(url(/images/cursor-nwse-resize-1054d75318.png) 2x,
		url(/images/cursor-nwse-resize%401-a81da9d65d.png) 1x) 15 15, auto
		!important
}

.prd-drag-container .prd-drag-spot.prd-drag-rt-spot {
	right: -5px;
	top: -5px;
	cursor: -webkit-image-set(url(/images/cursor-nesw-resize-80bad45f59.png) 2x,
		url(/images/cursor-nesw-resize%401-ca92148581.png) 1x) 15 15, auto
		!important
}

.prd-drag-container .prd-drag-spot.prd-drag-rb-spot {
	right: -5px;
	bottom: -5px;
	cursor: -webkit-image-set(url(/images/cursor-nwse-resize-1054d75318.png) 2x,
		url(/images/cursor-nwse-resize%401-a81da9d65d.png) 1x) 15 15, auto
		!important
}

.prd-drag-container .prd-drag-spot.prd-drag-lb-spot {
	left: -5px;
	bottom: -5px;
	cursor: -webkit-image-set(url(/images/cursor-nesw-resize-80bad45f59.png) 2x,
		url(/images/cursor-nesw-resize%401-ca92148581.png) 1x) 15 15, auto
		!important
}

.prd-drag-container .prd-drag-spot.prd-drag-l-spot, .prd-drag-container .prd-drag-spot.prd-drag-r-spot
	{
	top: 50%;
	margin-top: -3px;
	cursor: -webkit-image-set(url(/images/cursor-we-resize-c4cb12572d.png) 2x,
		url(/images/cursor-we-resize%401-48d3fcecd5.png) 1x) 15 15, auto
		!important
}

.prd-drag-container .prd-drag-spot.prd-drag-l-spot.prd-drag-l-spot,
	.prd-drag-container .prd-drag-spot.prd-drag-r-spot.prd-drag-l-spot {
	left: -5px
}

.prd-drag-container .prd-drag-spot.prd-drag-l-spot.prd-drag-r-spot,
	.prd-drag-container .prd-drag-spot.prd-drag-r-spot.prd-drag-r-spot {
	right: -5px
}

.prd-drag-container .prd-drag-line {
	position: absolute;
	pointer-events: auto
}

.prd-drag-container .prd-drag-line.prd-drag-b-line, .prd-drag-container .prd-drag-line.prd-drag-t-line
	{
	width: 100%;
	height: 7px;
	cursor: -webkit-image-set(url(/images/cursor-ns-resize-9bc6f4e2e5.png) 2x,
		url(/images/cursor-ns-resize%401-c6c105d30f.png) 1x) 15 15, auto
		!important
}

.prd-drag-container .prd-drag-line.prd-drag-b-line.prd-drag-t-line,
	.prd-drag-container .prd-drag-line.prd-drag-t-line.prd-drag-t-line {
	left: 0;
	top: -4px
}

.prd-drag-container .prd-drag-line.prd-drag-b-line.prd-drag-b-line,
	.prd-drag-container .prd-drag-line.prd-drag-t-line.prd-drag-b-line {
	left: 0;
	bottom: -4px
}

.prd-drag-container .prd-drag-line.prd-drag-l-line, .prd-drag-container .prd-drag-line.prd-drag-r-line
	{
	width: 7px;
	height: 100%;
	cursor: -webkit-image-set(url(/images/cursor-we-resize-c4cb12572d.png) 2x,
		url(/images/cursor-we-resize%401-48d3fcecd5.png) 1x) 15 15, auto
		!important
}

.prd-drag-container .prd-drag-line.prd-drag-l-line.prd-drag-l-line,
	.prd-drag-container .prd-drag-line.prd-drag-r-line.prd-drag-l-line {
	top: 0;
	left: -4px
}

.prd-drag-container .prd-drag-line.prd-drag-l-line.prd-drag-r-line,
	.prd-drag-container .prd-drag-line.prd-drag-r-line.prd-drag-r-line {
	top: 0;
	right: -4px
}

.adsorb-point {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #f56464;
	border-radius: 3px;
	transform: translateX(-50%) translateY(-50%)
}

.adsorb-extend-point {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background: 0 0;
	transform: translateX(-50%) translateY(-50%)
}

.element-container {
	position: absolute
}

.element-container.element-select:hover .element-edit-btn-panel {
	display: flex
}

.element-container li {
	list-style-type: inherit
}

#protoPreview .element-container .prd-component-panel, #protoPreview .element-container .prd-page-container
	{
	pointer-events: none
}

.prd-comp-top-drag-container .drag-bg-box {
	height: 22px;
	background: rgba(255, 255, 255, .8);
	position: absolute;
	top: -30px;
	left: -1px
}

.prd-comp-top-drag-container .comp-pos-drag-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 18px;
	height: 6px;
	background-position: -101px -259px;
	opacity: 1;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -17px;
	padding: 8px;
	cursor: -webkit-image-set(url(/images/cursor-ns-resize-9bc6f4e2e5.png) 2x,
		url(/images/cursor-ns-resize%401-c6c105d30f.png) 1x) 15 15, auto
		!important;
	pointer-events: auto
}

.prd-comp-top-drag-container:hover .prd-comp-drag-line {
	border-top: 1px dashed #f56464;
	box-sizing: border-box
}

.prd-comp-top-drag-container .prd-comp-drag-line {
	position: absolute;
	top: -1px;
	z-index: 1;
	height: 20px;
	animation: all .3s
}

.prd-comp-top-drag-container .prd-comp-drag-line.is-drag {
	background: linear-gradient(rgba(245, 100, 100, .2),
		rgba(245, 100, 100, 0) 70%);
	border-top: 1px solid #f56464
}

.prd-comp-top-drag-container .prd-comp-drag-line.is-drag.is-drag-up {
	top: -20px;
	transform: rotate(180deg)
}

.element-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.element-cover.isSelect {
	cursor: -webkit-image-set(url(/images/cursor-move-61d62465f0.png) 2x,
		url(/images/cursor-move%401-2995d7e39f.png) 1x) 4 4, auto !important
}

.page-border-dropdown-panel {
	width: 70px;
	height: 36px;
	border: 1px solid #fff;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	background: rgba(44, 45, 50, .96);
	position: absolute;
	top: 26px;
	left: -6px;
	z-index: 1000;
	box-sizing: border-box;
	display: flex
}

.page-border-dropdown-panel .icon-panel {
	width: 34px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.page-border-dropdown-panel .icon-panel:hover {
	background: #f56464
}

.page-border-dropdown-panel .icon-panel .normal-border-icon,
	.page-border-dropdown-panel .icon-panel .phone-border-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px
}

.page-border-dropdown-panel .icon-panel .normal-border-icon {
	background-position: -220px -280px
}

.page-border-dropdown-panel .icon-panel .normal-border-icon.is-select {
	background-position: -220px -300px
}

.page-border-dropdown-panel .icon-panel .phone-border-icon {
	background-position: -220px -360px
}

.page-border-dropdown-panel .icon-panel .phone-border-icon.is-select {
	background-position: -200px -360px
}

.page-border-dropdown-panel .icon-panel:hover .normal-border-icon {
	background-position: -220px -280px
}

.page-border-dropdown-panel .icon-panel:hover .phone-border-icon {
	background-position: -220px -360px
}

.page-border-dropdown-panel .normal-border {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.page-border-dropdown-panel .phone-border {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.fontSize-dropdown-list-panel {
	width: 160px;
	border: 1px solid #fff;
	border-radius: 4px;
	box-sizing: border-box;
	font-weight: 700;
	position: absolute;
	top: 26px;
	left: -11px;
	z-index: 1000;
	background: rgba(44, 45, 50, .96)
}

.fontSize-dropdown-list-panel .single-option-box {
	width: 100%;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.fontSize-dropdown-list-panel .single-option-box:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.fontSize-dropdown-list-panel .single-option-box:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.fontSize-dropdown-list-panel .single-option-box.is-select {
	background: rgba(245, 100, 100, .6)
}

.fontSize-dropdown-list-panel .single-option-box.is-select .single-option-text
	{
	opacity: 1
}

.fontSize-dropdown-list-panel .single-option-box:hover .single-option-text
	{
	opacity: 1
}

.fontSize-dropdown-list-panel .single-option-box .single-option-text {
	margin: 0 9px;
	padding: 12px 0;
	opacity: .8
}

.fontSize-dropdown-list-panel .single-option-box .single-option-text.is-main-body
	{
	border-bottom: 1px solid #979797;
	box-sizing: border-box
}

.dropdown-btn-panel {
	position: relative
}

.prd-color-picker-panel {
	width: 218px;
	height: 103px;
	border-radius: 4px;
	border: 1px solid #fff;
	box-sizing: border-box;
	background: rgba(44, 45, 50, .96);
	position: absolute;
	top: 26px;
	z-index: 1000;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	padding: 9px
}

.prd-color-picker-panel .single-color-box {
	width: 14px;
	height: 14px;
	border: 1px solid transparent;
	box-sizing: border-box;
	border-radius: 2px;
	background-color: #fff;
	margin-right: 9px;
	margin-bottom: 9px;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-color-picker-panel .single-color-box.is-select {
	border: 1px solid #fff
}

.prd-color-picker-panel .single-color-box:nth-child(2) {
	border: 1px solid rgba(255, 255, 255, .4)
}

.prd-color-picker-panel .single-color-box:nth-child(1),
	.prd-color-picker-panel .single-color-box:nth-child(10),
	.prd-color-picker-panel .single-color-box:nth-child(19),
	.prd-color-picker-panel .single-color-box:nth-child(28) {
	margin-left: 0
}

.prd-color-picker-panel .single-color-box:nth-child(18),
	.prd-color-picker-panel .single-color-box:nth-child(27),
	.prd-color-picker-panel .single-color-box:nth-child(36),
	.prd-color-picker-panel .single-color-box:nth-child(9) {
	margin-right: 0
}

.prd-color-picker-panel .single-color-box:nth-child(24),
	.prd-color-picker-panel .single-color-box:nth-child(25),
	.prd-color-picker-panel .single-color-box:nth-child(26),
	.prd-color-picker-panel .single-color-box:nth-child(27),
	.prd-color-picker-panel .single-color-box:nth-child(28),
	.prd-color-picker-panel .single-color-box:nth-child(29),
	.prd-color-picker-panel .single-color-box:nth-child(30),
	.prd-color-picker-panel .single-color-box:nth-child(31),
	.prd-color-picker-panel .single-color-box:nth-child(32) .prd-color-picker-panel .single-color-box:nth-child(33),
	.prd-color-picker-panel .single-color-box:nth-child(34),
	.prd-color-picker-panel .single-color-box:nth-child(35),
	.prd-color-picker-panel .single-color-box:nth-child(36) {
	margin-bottom: 0
}

.text-align-mode-list-panel {
	width: 138px;
	height: 36px;
	border: 1px solid #fff;
	border-radius: 4px;
	box-sizing: border-box;
	background: rgba(44, 45, 50, .96);
	position: absolute;
	top: 26px;
	left: 8px;
	z-index: 1000;
	display: flex
}

.text-align-mode-list-panel .align-mode-box {
	width: 34px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.text-align-mode-list-panel .align-mode-box:first-child {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.text-align-mode-list-panel .align-mode-box:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.text-align-mode-list-panel .align-mode-box.is-select {
	background: rgba(245, 100, 100, .6)
}

.text-align-mode-list-panel .align-mode-box.is-select .center-mode-icon,
	.text-align-mode-list-panel .align-mode-box.is-select .justify-mode-icon,
	.text-align-mode-list-panel .align-mode-box.is-select .left-mode-icon,
	.text-align-mode-list-panel .align-mode-box.is-select .right-mode-icon
	{
	opacity: 1
}

.text-align-mode-list-panel .align-mode-box .left-mode-icon {
	background-position: -160px 0
}

.text-align-mode-list-panel .align-mode-box .center-mode-icon {
	background-position: -120px -20px
}

.text-align-mode-list-panel .align-mode-box .right-mode-icon {
	background-position: -140px -20px
}

.text-align-mode-list-panel .align-mode-box .justify-mode-icon {
	background-position: -160px -20px
}

.table-type-dropdown-panel {
	width: 151px;
	height: 99px;
	border-radius: 4px;
	background: rgba(44, 45, 50, .96);
	border: 1px solid #fff;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 30px;
	left: -13px;
	padding: 9px
}

.table-type-dropdown-panel .table-type-btn-box {
	width: 41px;
	height: 37px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 4px;
	margin-bottom: 4px;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.table-type-dropdown-panel .table-type-btn-box.is-select {
	background: rgba(244, 103, 103, .5);
	border-radius: 2px
}

.table-type-dropdown-panel .table-type-btn-box:nth-child(3) {
	margin-right: 0
}

.table-type-dropdown-panel .table-type-btn-box:nth-child(6) {
	margin-right: 0
}

.table-type-dropdown-panel .table-type-btn-box:nth-child(4),
	.table-type-dropdown-panel .table-type-btn-box:nth-child(5),
	.table-type-dropdown-panel .table-type-btn-box:nth-child(6) {
	margin-bottom: 0
}

.table-type-dropdown-panel .btn-icon {
	width: 29px;
	height: 25px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto
}

.table-type-dropdown-panel .btn-icon-0 {
	background-position: -40px -100px
}

.table-type-dropdown-panel .btn-icon-1 {
	background-position: -80px -100px
}

.table-type-dropdown-panel .btn-icon-2 {
	background-position: -120px -100px
}

.table-type-dropdown-panel .btn-icon-3 {
	background-position: -40px -140px
}

.table-type-dropdown-panel .btn-icon-4 {
	background-position: -80px -140px
}

.table-type-dropdown-panel .btn-icon-5 {
	background-position: -120px -140px
}

.table-font-size-panel {
	border: 1px solid #fff;
	background: rgba(44, 45, 50, .96);
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	position: absolute;
	left: -8px;
	top: 26px;
	color: #fff
}

.table-font-size-panel .font-size-option {
	width: 47px;
	height: 32px;
	padding-left: 11px;
	line-height: 32px;
	opacity: .8;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.table-font-size-panel .font-size-option.is-select {
	background: rgba(245, 100, 100, .6);
	opacity: 1
}

.table-font-size-panel .font-size-option:hover {
	opacity: 1
}

.table-font-size-panel .font-size-option:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.table-font-size-panel .font-size-option:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.link-type-icon-box {
	width: 40px;
	height: 38px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	position: absolute;
	z-index: 999;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	display: flex;
	justify-content: center;
	align-items: center
}

.link-type-icon-box .outer-link-icon {
	background-position: -200px -420px;
	transition: .3s
}

.link-type-icon-box .outer-link-icon.is-inner-link {
	background-position: -200px -400px
}

.link-type-icon-box .scroll-arrow-icon {
	background-position: -208px -388px;
	width: 4px;
	height: 3px;
	position: absolute;
	top: 5px;
	opacity: .8;
	transition: .3s
}

.link-type-icon-box .scroll-arrow-icon.is-outer-link {
	top: 31px;
	transform: rotate(180deg)
}

.link-type-icon-box:hover .scroll-arrow-icon {
	opacity: 1
}

.insert-hyperlink-panel {
	position: absolute;
	transform: translateY(-50px);
	background: #2c2d32;
	border-radius: 4px;
	border: 1px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	width: 270px;
	height: 40px;
	z-index: 3
}

.insert-hyperlink-panel .input-area-box {
	position: relative
}

.insert-hyperlink-panel .input-area-box .hyperlink-input {
	width: calc(100% - 38px);
	height: 38px;
	border-radius: 4px;
	background: 0 0;
	font-size: 12px;
	color: #fff;
	text-indent: 4px;
	z-index: 1;
	margin-left: 38px
}

.insert-hyperlink-panel .input-area-box .hyperlink-input.is-have-val {
	width: calc(100% - 76px)
}

.prd-web-input {
	position: absolute;
	background: #2c2d32;
	border-radius: 4px;
	border: 1px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	width: 250px;
	height: 40px
}

.prd-web-input .input-box {
	position: relative
}

.prd-web-input .input-box .url-input {
	width: calc(100% - 30px);
	height: 38px;
	border-radius: 4px;
	background: 0 0;
	font-size: 12px;
	color: #fff;
	z-index: 1;
	padding: 0 15px
}

.cancel-hyperlink-btn {
	background: 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.cancel-hyperlink-btn .cancel-icon {
	background-position: -140px -40px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.cancel-hyperlink-btn .cancel-icon:hover {
	opacity: 1
}

.triangle-shape {
	width: 0;
	height: 0;
	border-width: 9px;
	border-style: solid;
	border-color: #2c2d32 transparent transparent;
	position: absolute;
	z-index: 999
}

.little-triangle {
	width: 0;
	height: 0;
	border-width: 9px;
	border-style: solid;
	border-color: #2c2d32 transparent transparent;
	position: absolute;
	z-index: 999;
	top: 38px;
	left: 38px
}

.little-triangle-border {
	width: 0;
	height: 0;
	border-width: 9px;
	border-style: solid;
	border-color: #2c2d32 transparent transparent;
	position: absolute;
	z-index: 999;
	border-width: 10px;
	border-color: #fff transparent transparent;
	top: 39px;
	left: 37px;
	z-index: 998
}

.web-card-input-panel {
	position: absolute;
	top: -88px;
	z-index: 999
}

.web-url-input-panel {
	width: 270px;
	height: 80px;
	background: #2c2d32;
	border: 1px solid #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
	position: relative;
	padding: 0 12px;
	box-sizing: border-box;
	border-radius: 4px
}

.web-url-input-panel .url-link-icon {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.web-url-input-panel .web-url-input {
	height: 38px;
	display: flex;
	align-items: center
}

.web-url-input-panel .icon-box {
	background: 0 0;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center
}

.web-url-input-panel .icon-box:hover {
	opacity: 1
}

.web-url-input-panel .icon-box .outer-link-icon {
	background-position: -200px -420px;
	transition: .3s
}

.web-url-input-panel .icon-box .outer-link-icon.is-inner-link {
	background-position: -200px -400px
}

.web-url-input-panel .icon-box .scroll-arrow-icon {
	background-position: -208px -388px;
	width: 4px;
	height: 3px;
	position: absolute;
	top: 21px;
	opacity: .8;
	transition: .3s;
	transform: rotate(180deg)
}

.web-url-input-panel .icon-box .scroll-arrow-icon.is-inner-link {
	top: -5px;
	transform: rotate(0)
}

.web-url-input-panel .title-input-box {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	position: relative
}

.web-url-input-panel .title-input-box .title-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	background-position: -200px -20px;
	opacity: .8
}

.web-url-input-panel .url-input-box {
	position: relative
}

.web-url-input-panel .url-input-box .url-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	background-position: -200px -400px;
	opacity: .8
}

.web-url-input-panel .web-input {
	width: calc(100% - 29px);
	height: 29px;
	color: rgba(255, 255, 255, .8);
	background: 0 0;
	font-size: 12px;
	margin-left: 29px
}

.web-url-input-panel .web-input.have-input-val {
	width: calc(100% - 29px)
}

.web-url-input-panel .input-triangle, .web-url-input-panel .triangle-border
	{
	width: 0;
	height: 0;
	border-style: solid
}

.web-url-input-panel .input-triangle {
	border-width: 7px;
	border-style: solid;
	border-color: rgba(44, 45, 50, .96) transparent transparent;
	z-index: 1
}

.web-url-input-panel .triangle-border {
	border-width: 9px;
	border-style: solid;
	border-color: #fff transparent transparent
}

.web-url-input-panel .input-triangle, .web-url-input-panel .triangle-border
	{
	position: absolute
}

.web-url-input-panel .input-triangle {
	top: 78px;
	left: 33px
}

.web-url-input-panel .triangle-border {
	top: 78px;
	left: 31px
}

.prd-image-panel {
	width: 400px;
	height: 220px;
	border-radius: 2px;
	background: #d8d8d8;
	display: flex;
	justify-content: center;
	align-items: center
}

.prd-image-panel .default-img-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 48px;
	height: 36px;
	background-position: -120px -181px
}

.card-inner-link-box {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-web-panel {
	width: 900px;
	height: 600px;
	background: #eee;
	border-radius: 2px;
	display: flex;
	flex-direction: column
}

.prd-web-panel .web-head-panel {
	width: 100%;
	height: 50px;
	background: #d8d8d8;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	position: relative;
	display: flex;
	align-items: center
}

.prd-web-panel .web-head-panel .web-head-close-btn-box {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #c6c6c6;
	position: absolute;
	right: 14px
}

.prd-web-panel .content-panel {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	padding: 40px 54px
}

.prd-web-panel .content-panel .content-bg-box {
	width: 100%;
	height: 100%;
	background: #d8d8d8;
	border-radius: 4px;
	font-size: 20px;
	color: #a6a6a6;
	display: flex;
	align-items: center
}

.prd-web-panel .content-panel .content-bg-box .web-url-text {
	width: 100%;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prd-web-iframe-panel {
	background: #fff
}

.prd-web-iframe-panel.is-full-screen {
	position: fixed;
	top: 44px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999
}

.prd-web-iframe-panel .iframe-panel {
	width: 100%;
	height: 100%;
	border-radius: 2px
}

.prd-web-iframe-panel .cover-bg-box {
	width: 100%;
	height: 44px;
	position: fixed;
	top: 0;
	background: rgba(0, 0, 0, .75)
}

.prd-web-iframe-panel .close-full-screen-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: -220px -20px;
	position: fixed;
	top: 12px;
	right: 12px;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-web-iframe-panel .close-full-screen-icon:hover {
	opacity: 1
}

.web-card-panel {
	border-radius: 4px;
	border: 1px solid #e0e0e0;
	background: #f5f5f5;
	display: flex;
	box-sizing: border-box;
	position: relative
}

.web-card-panel.is-preview {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.web-card-panel .web-left-column-line {
	width: 32px;
	height: 100%;
	position: relative
}

.web-card-panel .web-left-column-line::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: 8px;
	height: calc(100% + 2px);
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background: #f56464
}

.web-card-panel .web-center-info-box {
	display: flex;
	flex: 1;
	align-items: center;
	width: calc(100% - 120px)
}

.web-card-panel .web-center-info-box .web-info-box {
	width: 100%
}

.web-card-panel .web-center-info-box .web-info-box .web-title {
	font-size: 16px;
	font-weight: 700
}

.web-card-panel .web-center-info-box .web-info-box .web-url {
	font-size: 14px;
	opacity: .4;
	margin-top: 8px
}

.web-card-panel .web-center-info-box .web-info-box .web-title,
	.web-card-panel .web-center-info-box .web-info-box .web-url {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.web-card-panel .insert-url-btn-box {
	width: 88px;
	display: flex;
	justify-content: center;
	align-items: center
}

.web-card-panel .insert-url-btn-box .btn-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	width: 40px;
	height: 40px;
	background-position: 0 -100px;
	opacity: 1
}

.web-card-panel .insert-url-btn-box .btn-icon:hover {
	opacity: 1
}

.web-card-panel .insert-url-btn-box .btn-icon.is-inner-link {
	background-position: 0 -380px
}

.prd-component-panel {
	background: #f0f0f0;
	border-radius: 2px;
	display: flex;
	justify-content: center;
	align-items: center
}

.prd-component-panel.no-background {
	background: 0 0
}

.prd-component-panel>.symbol-lib-item {
	left: 0;
	top: 0;
	transform-origin: 0 0
}

.prd-component-panel.has-border::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	border: 1px solid grey;
	box-sizing: border-box
}

.symbol-lib-item {
	position: absolute;
	left: 50%;
	top: 50%;
	pointer-events: none;
	transform: translate3d(-50%, -50%, 0);
	overflow: hidden
}

.symbol-lib-item .isC {
	border: none;
	box-sizing: border-box;
	left: -1px;
	top: -1px
}

.symbol-lib-item .note-box {
	display: none
}

.prd-page-contr-title-panel {
	position: absolute;
	top: -29px;
	display: flex;
	align-items: center;
	height: 20px
}

.prd-page-contr-title-panel .prd-page-contr-title-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 12px;
	height: 12px
}

.prd-page-contr-title-panel .page-icon {
	background-position: -204px -444px
}

.prd-page-contr-title-panel .contr-icon {
	background-position: -224px -346px
}

.prd-page-contr-title-panel .page-title-modify-input {
	width: calc(100% - 17px);
	height: 20px;
	font-size: 13px;
	color: #505050;
	position: absolute;
	left: 17px;
	background: 0 0;
	box-sizing: border-box;
	border-bottom: 1px solid transparent
}

.prd-page-contr-title-panel .page-title-modify-input.is-modify-title {
	border-bottom: 1px dashed #f56464
}

.prd-page-contr-title-panel .page-contr-title-text {
	color: #505050;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 17px);
	height: 20px;
	margin-left: 5px;
	font-size: 13px;
	line-height: 20px
}

.recover-clip-btn-box {
	width: 28px;
	height: 28px;
	background: rgba(72, 72, 84, .4);
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	position: absolute;
	right: -33px
}

.recover-clip-btn-box .recover-clip-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: -220px -120px
}

.recover-clip-btn-box:hover {
	background: rgba(72, 72, 84, .6)
}

.recover-clip-btn-box:hover .recover-clip-btn {
	opacity: 1
}

.prd-guide-icon-text-box {
	display: flex;
	flex-direction: column;
	align-items: center
}

.prd-guide-icon-text-box .guide-icon {
	width: 56px;
	height: 44px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -60px -173px
}

.prd-guide-icon-text-box .guide-text {
	font-size: 12px;
	color: #a6a6a6;
	margin-top: 12px;
	text-align: center;
	line-height: 20px;
	white-space: nowrap;
	width: 72px
}

.prd-guide-icon-text-box .guide-text.not-find {
	width: 84px;
	color: #eb7777;
	white-space: normal
}

.prd-page-remarks-panel {
	background: #f7fcff;
	border-radius: 4px;
	border: 1px solid rgba(47, 175, 253, .8);
	box-sizing: border-box;
	min-width: 100px;
	min-height: 100px;
	overflow-y: scroll;
	width: 100%;
	height: 100%
}

.prd-page-remarks-panel.is-remark-empty {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.prd-page-remarks-panel.is-small-size {
	padding: 16px
}

.prd-page-remarks-panel .remarks-text-panel {
	width: calc(100% - 34px)
}

.prd-page-remarks-panel .remarks-text {
	font-size: 13px;
	color: #505050;
	line-height: 24px;
	white-space: pre-wrap
}

.prd-page-remarks-panel .contr-remarks-box, .prd-page-remarks-panel .page-remarks-box
	{
	display: flex;
	padding: 12px 24px
}

.prd-page-remarks-panel .contr-remarks-box.is-small-size,
	.prd-page-remarks-panel .page-remarks-box.is-small-size {
	padding: 12px 16px
}

.prd-page-remarks-panel .contr-remarks-box.hover,
	.prd-page-remarks-panel .page-remarks-box.hover {
	background: rgba(47, 175, 253, .1)
}

.prd-page-remarks-panel .page-remarks-box:first-child {
	margin-top: 12px
}

.prd-page-remarks-panel .page-remarks-box:first-child.is-small-size {
	margin-top: 8px
}

.prd-page-remarks-panel .contr-remarks-box:last-child {
	margin-bottom: 12px
}

.prd-page-remarks-panel .contr-remarks-box:last-child.is-small-size {
	margin-bottom: 8px
}

.prd-page-remarks-panel.is-no-page-remarks .contr-remarks-box:first-child
	{
	margin-top: 12px
}

.prd-page-remarks-panel .remarks-num-box {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: rgba(47, 174, 253, .8);
	margin-right: 10px
}

.prd-page-remarks-panel .remarks-num {
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 24px
}

.prd-page-remarks-panel .contr-title {
	font-size: 15px;
	color: #383838;
	font-weight: 700;
	margin-bottom: 8px
}

.prd-page-remarks-panel .remarks-icon-box {
	width: 22px;
	height: 22px;
	border-radius: 4px;
	background: rgba(47, 174, 253, .8);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px
}

.prd-page-remarks-panel .remarks-icon-box .remarks-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 12px;
	height: 12px;
	background-position: -224px -386px
}

.prd-page-remarks-panel .page-contr-separator-line {
	width: calc(100% - 48px);
	height: 1px;
	border-bottom: 1px dashed #c2c2c2;
	margin: 16.5px auto
}

.prd-page-remarks-panel .page-contr-separator-line.is-small-size {
	width: calc(100% - 16px)
}

.empty-remarks-panel {
	display: flex;
	flex-direction: column;
	align-items: center
}

.empty-remarks-panel .empty-tips-icon {
	width: 84px;
	height: 84px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: 0 -480px
}

.empty-remarks-panel .empty-tips-text {
	font-size: 12px;
	color: #383838;
	margin-top: 4px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden
}

.prd-page-container .prd-page-panel {
	border-radius: 2px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid transparent
}

.prd-page-container .prd-page-panel>.page-container {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.prd-page-container .prd-page-panel>.page-container .cDiv .cover {
	pointer-events: none !important
}

.prd-page-container .prd-page-panel.has-border {
	border: 1px solid grey
}

.prd-page-container .prd-page-panel.is-phone-border::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	border: 1px solid #cbcbcb;
	box-sizing: border-box;
	pointer-events: none;
	z-index: 2
}

.prd-page-container .prd-page-panel.is-iPhone5::after,
	.prd-page-container .prd-page-panel.is-iPhone6::after,
	.prd-page-container .prd-page-panel.is-iPhone6s::after {
	border-radius: 1px
}

.prd-page-container .prd-page-panel.is-android::after,
	.prd-page-container .prd-page-panel.is-iPhoneX::after {
	border-radius: 0
}

.prd-page-container .prd-page-panel.is-Mis::after, .prd-page-container .prd-page-panel.is-Mix2::after
	{
	border-radius: 9px
}

.prd-page-container .prd-page-panel.is-SamsungS8::after {
	border-radius: 10px
}

.prd-page-container .prd-page-panel .page {
	display: block;
	transform-origin: 0 0
}

.prd-page-container .first-page-identify-line {
	height: 1px;
	background: #f56464;
	position: absolute;
	z-index: 10
}

.prd-page-container .prd-page-phone-shell-panel {
	position: absolute;
	display: flex;
	flex-direction: column
}

.prd-page-container .prd-page-phone-shell-panel.iPhone5-panel {
	top: -46px;
	left: -14px
}

.prd-page-container .prd-page-phone-shell-panel.iPhone6s-panel {
	top: -59px;
	left: -17px
}

.prd-page-container .prd-page-phone-shell-panel.iPhoneX-panel {
	top: -38px;
	left: -13px
}

.prd-page-container .prd-page-phone-shell-panel.SamsungS8-panel {
	top: -18px;
	left: -7px
}

.prd-page-container .prd-page-phone-shell-panel.Mix-panel {
	top: -3px;
	left: -4px
}

.prd-page-container .prd-page-phone-shell-panel.Mix2-panel {
	top: -7px;
	left: -7px
}

.prd-page-container .prd-page-phone-shell-panel.android-panel {
	top: -39px;
	left: -8px
}

.prd-page-container .prd-page-phone-shell-panel .phone-body-img,
	.prd-page-container .prd-page-phone-shell-panel .phone-footer-img,
	.prd-page-container .prd-page-phone-shell-panel .phone-head-img {
	background-size: 1800px auto;
	width: 100%
}

.prd-page-container .prd-page-phone-shell-panel .phone-head-img {
	height: 186px
}

.prd-page-container .prd-page-phone-shell-panel .phone-body-img {
	flex: 1
}

.prd-page-container .prd-page-phone-shell-panel .phone-footer-img {
	min-height: 70px
}

.prd-page-container .prd-page-phone-shell-panel .phone-head-img {
	background-image: url(/images/prd-phone-head-footer-5320637769.png)
}

.prd-page-container .prd-page-phone-shell-panel .phone-body-img {
	background-image: url(/images/prd-phone-body-354b74d07a.png)
}

.prd-page-container .prd-page-phone-shell-panel .phone-footer-img {
	background-image: url(/images/prd-phone-head-footer-5320637769.png)
}

.prd-page-container .prd-page-phone-shell-panel .iPhone5-head {
	background-position: -6px 0
}

.prd-page-container .prd-page-phone-shell-panel .iPhone5-body {
	background-position: -6px 0
}

.prd-page-container .prd-page-phone-shell-panel .iPhone5-footer {
	background-position: -6px -280px
}

.prd-page-container .prd-page-phone-shell-panel .iPhone6-head {
	background-position: -215px 0
}

.prd-page-container .prd-page-phone-shell-panel .iPhone6-body {
	background-position: -215px 0
}

.prd-page-container .prd-page-phone-shell-panel .iPhone6-footer {
	background-position: -215px -280px
}

.prd-page-container .prd-page-phone-shell-panel .iPhone6s-head {
	background-position: -455px 0
}

.prd-page-container .prd-page-phone-shell-panel .iPhone6s-body {
	background-position: -455px 0
}

.prd-page-container .prd-page-phone-shell-panel .iPhone6s-footer {
	background-position: -455px -280px
}

.prd-page-container .prd-page-phone-shell-panel .iPhoneX-head {
	background-position: -718px 0
}

.prd-page-container .prd-page-phone-shell-panel .iPhoneX-body {
	background-position: -718px 0
}

.prd-page-container .prd-page-phone-shell-panel .iPhoneX-footer {
	background-position: -718px -280px
}

.prd-page-container .prd-page-phone-shell-panel .SamsungS8-head {
	background-position: -978px 0
}

.prd-page-container .prd-page-phone-shell-panel .SamsungS8-body {
	background-position: -978px 0
}

.prd-page-container .prd-page-phone-shell-panel .SamsungS8-footer {
	background-position: -978px -280px
}

.prd-page-container .prd-page-phone-shell-panel .Mix-head {
	background-position: -1205px 0
}

.prd-page-container .prd-page-phone-shell-panel .Mix-body {
	background-position: -1205px 0
}

.prd-page-container .prd-page-phone-shell-panel .Mix-footer {
	background-position: -1205px -280px
}

.prd-page-container .prd-page-phone-shell-panel .Mix2-head {
	background-position: -1402px 0
}

.prd-page-container .prd-page-phone-shell-panel .Mix2-body {
	background-position: -1402px 0
}

.prd-page-container .prd-page-phone-shell-panel .Mix2-footer {
	background-position: -1402px -280px
}

.prd-page-container .prd-page-phone-shell-panel .android-head {
	background-position: -1602px 0
}

.prd-page-container .prd-page-phone-shell-panel .android-body {
	background-position: -1602px 0
}

.prd-page-container .prd-page-phone-shell-panel .android-footer {
	background-position: -1602px -280px
}

.page-flow-panel {
	background: #393941;
	overflow: hidden
}

.page-flow-panel .preview-title-text {
	color: #fff;
	position: relative;
	padding-left: 8px;
	margin: 36px 0 48px 43px
}

.page-flow-panel .preview-title-text .pageflow-title {
	font-size: 16px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden
}

.page-flow-panel .preview-title-text .pageflow-tips {
	font-size: 14px;
	opacity: .6;
	margin-top: 7px
}

.page-flow-panel .preview-title-text::before {
	content: '';
	width: 3px;
	height: 45px;
	background: #f56464;
	position: absolute;
	left: 0
}

.page-flow-panel .preview-default-bg-img {
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto;
	width: 742px;
	height: 589px;
	background-position: 0 0;
	margin-left: 60px;
	margin-top: 115px
}

.page-flow-panel .preview-default-bg-img:last-child {
	margin-top: 50px
}

.page-flow-panel .preview-fixed-default-bg-img {
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto;
	width: 729px;
	height: 1191px;
	background-position: 0 -600px;
	margin-top: 81px;
	margin-left: 80px
}

.preview-panel {
	display: flex;
	overflow: hidden;
	background: #393941;
	position: relative
}

.preview-panel .left-list-panel, .preview-panel .right-list-panel {
	width: 180px;
	height: 605px;
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto
}

.preview-panel .left-list-panel {
	background-position: 0 -1802px
}

.preview-panel .right-list-panel {
	background-position: -562px -1802px
}

.preview-panel .list-bg-box {
	background: rgba(77, 77, 90, .98);
	width: 180px;
	height: calc(100% - 605px)
}

.preview-panel .center-content-panel {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center
}

.preview-panel .center-content-panel.is-web {
	align-items: normal;
	margin-top: 72px
}

.preview-panel .center-content-panel.is-web .phone-page-img {
	background-image: url(/images/prd-web-preview-img-d43ccf53ea.png);
	background-size: 504px auto;
	background-position: 0 0;
	width: 504px;
	height: 1106px
}

.preview-panel .center-content-panel .phone-page-img {
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto;
	background-position: -281px -1919px;
	width: 181px;
	height: 372px
}

.preview-panel .center-content-panel .phone-page-img.is-web {
	background-image: url(/images/prd-web-preview-img-d43ccf53ea.png);
	background-size: 504px auto;
	background-position: 0 0
}

.preview-panel .head-tips-text {
	position: absolute;
	width: 372px;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	top: 20px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	font-size: 12px;
	color: rgba(255, 255, 255, .9);
	background: rgba(245, 100, 100, .6);
	border-radius: 4px;
	overflow: hidden
}

.prd-head-tips-panel {
	float: left;
	position: relative;
	left: 50%
}

.prd-head-tips-panel::after {
	content: '';
	clear: both
}

.prd-head-tips-panel.is-web {
	height: 32px
}

.prd-head-tips-panel .tips-text {
	display: inline-block;
	height: 32px;
	font-size: 12px;
	padding: 0 12px;
	color: rgba(255, 255, 255, .9);
	background: rgba(245, 100, 100, .6);
	border-radius: 4px;
	text-align: center;
	line-height: 32px;
	margin: 0 auto;
	position: relative;
	left: -50%;
	overflow: hidden
}

.text-element-container>pre {
	width: 100%;
	font-size: 14px;
	word-break: break-all;
	white-space: normal;
	cursor: -webkit-image-set(url(/images/cursor-text-4ba73b16b3.png) 2x,
		url(/images/cursor-text%401-3f72a719e2.png) 1x) 15 15, auto
		!important
}

.text-element-container>pre>div>* {
	line-height: 2.5
}

.text-element-container>pre h1 {
	font-size: 28px
}

.text-element-container>pre h2 {
	font-size: 24px
}

.text-element-container>pre h3 {
	font-size: 22px
}

.text-element-container>pre h4 {
	font-size: 18px
}

.text-element-container>pre h5 {
	font-size: 16px
}

.text-element-container>pre .complete-task-list-li,
	.text-element-container>pre .task-list-li {
	list-style-type: none;
	position: relative;
	pointer-events: none
}

.text-element-container>pre .complete-task-list-li::before,
	.text-element-container>pre .task-list-li::before {
	content: '';
	width: 1em;
	height: 1em;
	font-family: 'shimo font';
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	margin-right: 8px;
	pointer-events: all
}

.text-element-container>pre .task-list-li::before {
	content: '\F401'
}

.text-element-container>pre .complete-task-list-li {
	opacity: .4
}

.text-element-container>pre .complete-task-list-li::before {
	content: '\F402'
}

.text-element-container>pre .rich-text-link {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	line-height: 1
}

.prd-adhere-line-panel {
	pointer-events: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.menu-list-container {
	width: 270px;
	height: 490px;
	border-radius: 4px;
	font-size: 12px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
	color: #fff;
	background: #3c3c46;
	position: absolute;
	z-index: 99
}

.menu-list-container .menu-head-panel {
	width: 100%;
	height: 36px;
	background: rgba(91, 91, 105, .42);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.menu-list-container .menu-head-panel .head-return-btn-panel {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	display: flex;
	align-items: center
}

.menu-list-container .menu-head-panel .head-return-btn-panel .return-btn-icon
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: -100px -20px;
	margin: 2px 0 0 12px
}

.menu-list-container .menu-head-panel .head-return-btn-panel .return-btn-icon:hover
	{
	opacity: 1
}

.menu-list-container .menu-head-panel .head-return-btn-panel .return-btn-icon:hover
	{
	opacity: 1
}

.menu-list-container .menu-head-panel .head-title-text-panel {
	display: flex;
	align-items: center
}

.menu-list-container .menu-head-panel .head-title-text-panel .head-text
	{
	opacity: .7;
	margin-left: 12px
}

.menu-list-container .menu-head-panel .head-title-text-panel .question-btn-icon
	{
	background-position: -180px -60px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	opacity: .8;
	margin-left: 4px;
	width: 20px;
	height: 20px;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.menu-list-container .menu-head-panel .head-title-text-panel .question-btn-icon:hover
	{
	opacity: 1
}

.menu-list-container .menu-head-panel .head-text {
	opacity: .7;
	margin-left: 12px
}

.menu-list-container .menu-head-panel .head-close-btn {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: -220px -20px;
	margin-right: 8px;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.menu-list-container .menu-head-panel .head-close-btn:hover {
	opacity: 1
}

.menu-list-container .menu-body-panel {
	width: 270px
}

.menu-list-container .menu-body-panel .prd-menu-search-panel {
	margin: 0 12px;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	box-sizing: border-box
}

.menu-list-container .menu-body-panel .prd-menu-search-panel .search-btn-icon
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: 0 -20px;
	position: absolute;
	top: 3px
}

.menu-list-container .menu-body-panel .prd-menu-search-panel .search-btn-icon:hover
	{
	opacity: 1
}

.menu-list-container .menu-body-panel .prd-menu-search-panel .search-input
	{
	width: 246px;
	height: 26px;
	background: #3c3c46;
	font-size: 12px;
	color: #fff;
	text-indent: 23px
}

.menu-list-container .menu-body-panel .prd-menu-search-panel .search-input::-webkit-input-placeholder
	{
	color: rgba(255, 255, 255, .4)
}

.menu-list-container .menu-body-panel .prd-menu-search-panel .clear-input-btn
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	background-position: -80px -20px;
	position: absolute;
	right: 0;
	top: 3px
}

.menu-list-container .menu-footer-panel {
	width: 100%;
	height: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top: 1px solid rgba(0, 0, 0, .35);
	box-sizing: border-box;
	position: absolute;
	bottom: 0
}

.menu-list-container .menu-footer-panel .menu-footer-btn {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	opacity: .8
}

.menu-list-container .menu-footer-panel .menu-footer-btn:hover {
	opacity: 1
}

.menu-list-container .prd-page-list {
	max-height: 364px;
	padding-bottom: 0
}

.menu-list-container .prd-page-list .drag-page-comp .has-child-icon .fold-line,
	.menu-list-container .prd-page-list .show-drag-page-comp .has-child-icon .fold-line
	{
	transform: translateX(-100%) scaleX(.5)
}

.menu-list-container .prd-page-list .drag-page-comp .has-child-icon .fold-line::before,
	.menu-list-container .prd-page-list .show-drag-page-comp .has-child-icon .fold-line::before
	{
	width: 10px;
	height: 10px;
	border-radius: 10px;
	transform: scaleY(.5) translate(-3.75px, 5px)
}

.prd-result-not-find-panel {
	height: 364px;
	display: flex;
	flex-direction: column;
	align-items: center
}

.prd-result-not-find-panel .not-find-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 55px;
	height: 63px;
	background-position: -165px -102px;
	margin-top: 121px;
	opacity: .4
}

.prd-result-not-find-panel .not-find-text {
	font-size: 12px;
	color: rgba(255, 255, 255, .25);
	margin-top: 20px
}

.element-edit-btn-panel {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: rgba(72, 72, 84, .98);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 5px;
	z-index: 99
}

.element-edit-btn-panel.is-remarks-btn {
	display: none
}

.element-edit-btn-panel .btn-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: -160px -80px;
	margin: auto
}

.element-edit-btn-panel .btn-icon:hover {
	opacity: 1
}

.element-edit-btn-panel:hover.is-remarks-btn {
	display: flex
}

.element-edit-btn-panel:hover .btn-icon {
	opacity: 1
}

.prd-inner-link-list-panel {
	position: absolute;
	background: #3c3c46;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
	z-index: 999;
	border-radius: 4px;
	height: 405px;
	width: 270px
}

.prd-inner-link-list-panel .page-menu-list-panel .prd-page-list {
	max-height: calc(100% - 75px)
}

.page-menu-list-panel {
	height: 405px
}

.page-flow-menu-list-panel {
	width: 100%;
	height: 100%;
	margin-top: 12px
}

.page-flow-menu-list-panel .content-list-panel {
	margin: 10px 12px 0;
	height: 355px;
	overflow: scroll;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.page-flow-menu-list-panel .content-list-panel .list-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: -160px -60px;
	margin: 2px 4px 0 20px
}

.page-flow-menu-list-panel .content-list-panel .list-icon:hover {
	opacity: 1
}

.page-flow-menu-list-panel .content-list-panel .single-list-box {
	width: 100%;
	height: 36px;
	display: flex;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 1px;
	box-sizing: border-box
}

.page-flow-menu-list-panel .content-list-panel .single-list-box .single-list-icon
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8;
	background-position: -160px -60px;
	margin: 2px 4px 0 20px
}

.page-flow-menu-list-panel .content-list-panel .single-list-box .single-list-icon:hover
	{
	opacity: 1
}

.page-flow-menu-list-panel .content-list-panel .single-list-box .list-text
	{
	opacity: .8
}

.page-flow-menu-list-panel .content-list-panel .single-list-box:nth-of-type(odd)
	{
	background: rgba(255, 255, 255, .03)
}

.page-flow-menu-list-panel .content-list-panel .single-list-box:hover {
	background: rgba(245, 100, 100, .3)
}

.page-flow-menu-list-panel .content-list-panel .single-list-box:hover .list-text,
	.page-flow-menu-list-panel .content-list-panel .single-list-box:hover .single-list-icon
	{
	opacity: 1
}

.page-flow-menu-list-panel .content-list-panel .single-list-box.is-select
	{
	border: 1px solid rgba(245, 100, 100, .6)
}

.create-page-flow-btn-panel, .page-flow-title-input-panel {
	width: 238px;
	height: 32px;
	border-radius: 4px;
	font-size: 12px
}

.page-flow-title-input-panel {
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .8);
	margin: 28px 16px 0;
	text-indent: 8px
}

.page-flow-title-input-panel::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .4)
}

.create-page-flow-btn-panel {
	border: 1px solid rgba(245, 100, 100, .5);
	box-sizing: border-box;
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important;
	color: rgba(245, 100, 100, .5);
	margin: 16px 16px 0;
	line-height: 32px;
	text-align: center
}

.create-page-flow-btn-panel.is-have-input-value {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	border-color: #f56464;
	color: #f56464;
	opacity: .8
}

.create-page-flow-btn-panel.is-have-input-value:hover {
	opacity: 1
}

.contr-menu-list-container .contr-menu-list-panel {
	height: 365px;
	overflow-y: auto;
	padding: 9px 11px 0
}

.contr-menu-list-container .contr-menu-list-panel .single-contr-box {
	width: 114px;
	height: 138px;
	margin: 5px;
	display: inline-block;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.contr-menu-list-container .contr-menu-list-panel .single-contr-box .single-contr-img-box
	{
	width: 114px;
	height: 114px;
	border: 1px dotted rgba(255, 255, 255, .2);
	border-radius: 2px;
	box-sizing: border-box;
	position: relative;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	display: flex;
	justify-content: center;
	align-items: center
}

.contr-menu-list-container .contr-menu-list-panel .single-contr-box .single-contr-img-box .single-contr-img
	{
	width: 56px;
	height: 34px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: 0 -183px
}

.contr-menu-list-container .contr-menu-list-panel .single-contr-box .single-contr-img-box .copy-icon
	{
	position: absolute;
	top: 5px;
	right: 5px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	opacity: 0;
	width: 20px;
	height: 20px;
	background-position: -180px -20px;
	opacity: .8
}

.contr-menu-list-container .contr-menu-list-panel .single-contr-box .single-contr-img-box .copy-icon:hover
	{
	opacity: 1
}

.contr-menu-list-container .contr-menu-list-panel .single-contr-box .single-contr-img-box:hover
	{
	background: rgba(0, 0, 0, .35)
}

.contr-menu-list-container .contr-menu-list-panel .single-contr-box .single-contr-img-box .note-box
	{
	display: none
}

.contr-menu-list-container .contr-menu-list-panel .single-contr-box .single-contr-name
	{
	font-size: 12px;
	color: rgba(255, 255, 255, .8);
	text-align: center;
	margin-top: 4px;
	max-width: 114px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.empty-contr-tips-panel {
	width: 270px;
	height: 414px;
	font-size: 12px;
	color: rgba(255, 255, 255, .4);
	display: flex;
	flex-direction: column;
	align-items: center
}

.empty-contr-tips-panel .empty-contr-img-tips {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 60px;
	height: 61px;
	background-position: 0 -220px;
	margin-top: 149px;
	opacity: .6
}

.empty-contr-tips-panel .empty-contr-text-tips {
	margin-top: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px
}

.import-contr-tutorial-panel {
	height: 438px;
	margin: 0 16px;
	font-size: 12px;
	color: #fff;
	position: relative
}

.import-contr-tutorial-panel .tutorial-title {
	margin: 16px 0 12px 0;
	color: #ffb4b4;
	font-size: 13px
}

.import-contr-tutorial-panel .tutorial-brief-answer {
	margin-bottom: 30px
}

.import-contr-tutorial-panel .answer-step-text .key-tips-text {
	color: #f56464
}

.import-contr-tutorial-panel .check-contr-example-img {
	margin: 12px 0 22px 0;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 210px;
	height: 76px;
	background-position: 0 -283px
}

.import-contr-tutorial-panel .quote-contr-demo-box {
	margin: 15px 14px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	width: 210px;
	height: 40px;
	box-sizing: border-box;
	position: relative
}

.import-contr-tutorial-panel .quote-contr-demo-box span {
	line-height: 40px
}

.import-contr-tutorial-panel .quote-contr-demo-box .quote-contr-demo-img
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 33px;
	height: 55px;
	background-position: -66px -223px;
	top: 3px;
	right: 0;
	position: absolute
}

.import-contr-tutorial-panel .bottom-setting-btn {
	width: 222px;
	height: 32px;
	border-radius: 4px;
	border: 1px solid #f56464;
	color: #f56464;
	line-height: 32px;
	text-align: center;
	position: absolute;
	bottom: 24px;
	left: 50%;
	margin-left: -111px;
	box-sizing: border-box;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.contr-bottom-panel {
	width: 270px;
	height: 40px;
	border-top: 1px solid rgba(0, 0, 0, .35);
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	color: #fff;
	position: absolute;
	bottom: 0
}

.contr-bottom-panel .add-new-contr-btn {
	margin-left: 15px
}

.contr-bottom-panel .import-other-contr-btn {
	margin-right: 16px
}

.contr-bottom-panel .add-new-contr-btn, .contr-bottom-panel .import-other-contr-btn
	{
	opacity: .8;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.contr-bottom-panel .add-new-contr-btn:hover, .contr-bottom-panel .import-other-contr-btn:hover
	{
	opacity: 1
}

#prdEditorHeader .prd-head-btn-icon.is-disable {
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important;
	opacity: .3 !important
}

#prdEditorHeader .prd-head-btn-icon.is-disable:hover::before {
	opacity: .8 !important
}

.prd-image-cut-container {
	position: absolute;
	pointer-events: auto;
	overflow: hidden;
	cursor: -webkit-image-set(url(/images/cursor-move-61d62465f0.png) 2x,
		url(/images/cursor-move%401-2995d7e39f.png) 1x) 4 4, auto !important
}

.prd-image-cut-container::before {
	content: '';
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 100;
	pointer-events: none
}

.prd-image-cut-container>.cImg {
	z-index: 101
}

.prd-image-cut-container>.prd-image-cut-drag {
	position: absolute;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.element-container>.cutImgOutBox {
	overflow: inherit;
	will-change: transform;
	transition: transform .3s cubic-bezier(.2, 0, .2, 1)
}

.element-container>.cutImgOutBox.is-preview-page {
	cursor: zoom-in
}

.element-container>.cutImgOutBox.is-zoom {
	cursor: zoom-out;
	z-index: 9
}

.element-container>.cutImgOutBox.is-zoom-img {
	visibility: hidden;
	transition: 0s
}

.element-container>.cutImgOutBox.is-edit-image {
	pointer-events: none
}

.element-container>.cutImgOutBox>.prd-drag-container {
	z-index: 101;
	border: dashed 1px #000
}

.element-container>.cutImgOutBox>.prd-drag-container .prd-drag-spot {
	background: #000
}

.element-container>.cutImgOutBox .cImg {
	position: absolute
}

.prd-image-container {
	position: absolute;
	overflow: hidden
}

.element-container .table-style-2 .table-vertical-line:not (.outer-line
	){
	border-left: none !important
}

.element-container .outer-line {
	z-index: 0
}

.prd-home-page-panel {
	width: 100%;
	height: calc(100% - 45px);
	background: #2c2c32;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 45px
}

.prd-home-page-panel .prd-template-create-box {
	display: flex;
	flex-direction: column;
	align-items: center
}

.prd-home-page-panel .template-imgs {
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto;
	width: 160px;
	height: 116px;
	margin-top: 20px
}

.prd-home-page-panel .head-tips {
	font-size: 20px;
	opacity: .4;
	line-height: 28px
}

.prd-home-page-panel .prd-template-panel {
	display: flex;
	justify-content: center;
	margin-top: 80px
}

.prd-home-page-panel .prd-template-panel .template-box {
	width: 160px;
	height: 226px;
	border-radius: 4px;
	border: 2px solid transparent;
	box-sizing: border-box;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
	background: rgba(71, 71, 85, .98);
	margin-right: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 20px;
	transition: .3s;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-home-page-panel .prd-template-panel .template-box.is-recommend {
	position: relative
}

.prd-home-page-panel .prd-template-panel .template-box.is-empty {
	justify-content: center
}

.prd-home-page-panel .prd-template-panel .template-box.is-select {
	border: 2px solid rgba(255, 255, 255, .8)
}

.prd-home-page-panel .prd-template-panel .template-box:last-child {
	margin-right: 0
}

.prd-home-page-panel .prd-template-panel .template-box .empty-document-title
	{
	font-size: 16px;
	opacity: .4;
	line-height: 22px
}

.prd-home-page-panel .prd-template-panel .template-box .template-type {
	font-size: 16px;
	margin-top: 8px
}

.prd-home-page-panel .prd-template-panel .template-box .template-desc-text
	{
	font-size: 12px;
	opacity: .44;
	margin-top: 5px
}

.prd-home-page-panel .prd-template-panel .template-box .example-link {
	font-size: 12px;
	color: #ff7676;
	margin-top: 5px;
	text-decoration: underline;
	display: none
}

.prd-home-page-panel .prd-template-panel .template-box .recommend-tab-box
	{
	position: absolute;
	top: 8px;
	left: 0;
	width: 46px;
	height: 25px
}

.prd-home-page-panel .prd-template-panel .template-box .recommend-tag {
	position: absolute;
	top: 8px;
	left: -5px;
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto;
	width: 160px;
	height: 116px;
	margin-top: 20px;
	margin-top: 0;
	width: 46px;
	height: 26px;
	background-position: -57px -2852px
}

.prd-home-page-panel .prd-template-panel .template-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 25px rgba(0, 0, 0, .3)
}

.prd-home-page-panel .prd-template-panel .template-box:hover .example-link
	{
	display: block
}

.prd-home-page-panel .prd-template-panel .agile-development-template {
	background-position: 0 -2884px
}

.prd-home-page-panel .prd-template-panel .fully-version-template {
	background-position: -160px -2884px
}

.prd-home-page-panel .prd-template-panel .first-part-accept-template {
	background-position: -320px -2884px
}

.prd-home-page-panel .prd-template-panel .show-report-template {
	background-position: -480px -2884px
}

.prd-home-page-panel .create-btn-panel {
	border-radius: 4px;
	background: #d94e4e;
	margin-top: 80px;
	width: 184px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-home-page-panel .create-btn-panel:hover {
	background: #c73e3e
}

.prd-home-page-panel .create-btn-panel .btn-text {
	font-size: 16px
}

.prd-template-list-panel {
	width: 364px;
	height: 545px;
	overflow-y: auto;
	border: 1px solid #fff;
	box-sizing: border-box;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
	border-radius: 4px;
	background: rgba(44, 45, 50, .96);
	float: left;
	font-size: 12px;
	color: #fff;
	padding: 15px 15px 0;
	position: absolute;
	z-index: 1;
	left: 225px;
	top: 35px;
	display: flex;
	flex-wrap: wrap
}

.prd-template-list-panel .template-box {
	margin-right: 12px;
	margin-bottom: 12px
}

.prd-template-list-panel .template-box .template-img {
	width: 100px;
	height: 140px;
	border-radius: 2px;
	background: #fff;
	color: #c5c5c5;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	position: relative
}

.prd-template-list-panel .template-box .template-img.not-empty::before {
	content: '';
	position: absolute;
	background: url(/images/prd-template-img-744221a849.png);
	background-size: 2000px auto;
	width: 100px;
	height: 140px
}

.prd-template-list-panel .template-box .template-img.versionEditHistory::before
	{
	background-position: -20px 0
}

.prd-template-list-panel .template-box .template-img.nounExplain::before
	{
	background-position: -160px 0
}

.prd-template-list-panel .template-box .template-img.productOverview::before
	{
	background-position: -300px 0
}

.prd-template-list-panel .template-box .template-img.demandList::before
	{
	background-position: -440px 0
}

.prd-template-list-panel .template-box .template-img.funcList::before {
	background-position: -580px 0
}

.prd-template-list-panel .template-box .template-img.infoStructChart::before
	{
	background-position: -720px 0
}

.prd-template-list-panel .template-box .template-img.pageFlowChart::before
	{
	background-position: -860px 0
}

.prd-template-list-panel .template-box .template-img.previewPrototype::before
	{
	background-position: -440px -140px
}

.prd-template-list-panel .template-box .template-img.previewPrototype.is-mobile::before
	{
	background-position: -1000px 0
}

.prd-template-list-panel .template-box .template-img.permissionExplain::before
	{
	background-position: -580px -140px
}

.prd-template-list-panel .template-box .template-img.permissionExplain.is-mobile::before
	{
	background-position: -1140px 0
}

.prd-template-list-panel .template-box .template-img.previewExplain::before
	{
	background-position: -720px -140px
}

.prd-template-list-panel .template-box .template-img.previewExplain.is-mobile::before
	{
	background-position: -1280px 0
}

.prd-template-list-panel .template-box .template-img.otherRules::before
	{
	background-position: -1420px 0
}

.prd-template-list-panel .template-box .template-img.pageExplain1::before
	{
	background-position: -860px -140px
}

.prd-template-list-panel .template-box .template-img.pageExplain1.is-mobile::before
	{
	background-position: -1560px 0
}

.prd-template-list-panel .template-box .template-img.pageExplain2::before
	{
	background-position: -1000px -140px
}

.prd-template-list-panel .template-box .template-img.pageExplain2.is-mobile::before
	{
	background-position: -1700px 0
}

.prd-template-list-panel .template-box .template-img.pageExplain3::before
	{
	background-position: -1140px -140px
}

.prd-template-list-panel .template-box .template-img.pageExplain3.is-mobile::before
	{
	background-position: -1840px 0
}

.prd-template-list-panel .template-box .template-img.mobilePageFlow::before
	{
	background-position: -20px -140px
}

.prd-template-list-panel .template-box .template-img.dataDemand::before
	{
	background-position: -160px -140px
}

.prd-template-list-panel .template-box .template-img.otherFunc::before {
	background-position: -300px -140px
}

.prd-template-list-panel .template-box .template-text {
	opacity: .8;
	margin-top: 4px;
	text-align: center;
	line-height: 20px;
	width: 100px
}

.prd-template-list-panel .template-box:nth-child(3n) {
	margin-right: 0
}

.textC:not (.autoW ) .inputText pre, .textC:not (.autoW ) .inputText textarea,
	.textC:not (.autoW ) .inputText>div {
	white-space: pre-wrap
}

.inputText {
	position: absolute;
	width: 100%;
	word-wrap: break-word;
	white-space: pre-wrap;
	text-decoration: inherit
}

.inputText pre, .inputText textarea, .inputText>div {
	width: 100%;
	word-wrap: break-word;
	box-sizing: border-box;
	font-weight: inherit;
	text-decoration: inherit;
	font-style: inherit;
	text-align: inherit;
	background: 0 0;
	color: inherit;
	text-shadow: inherit;
	font-size: inherit;
	line-height: inherit;
	text-indent: inherit;
	letter-spacing: inherit;
	z-index: 1
}

.inputText pre {
	display: block;
	visibility: hidden;
	pointer-events: none
}

.inputText textarea, .inputText>div {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	resize: none;
	outline: 0;
	overflow: hidden
}

.editor-pre>div {
	padding: 5px
}

#prdContentBox.isDropping .prd-editor-container {
	box-shadow: 0 1px 10px rgba(0, 0, 0, .45) inset
}

.table-cell-box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.outer-line {
	z-index: 1
}

.table-add-box {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.table-add-box .table-add-btn {
	position: absolute;
	width: 16px;
	height: 16px;
	pointer-events: auto;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.table-add-box .table-add-btn:after, .table-add-box .table-add-btn:before
	{
	position: absolute;
	content: '';
	background: #f56464;
	opacity: .5
}

.table-add-box .table-add-btn:hover:after, .table-add-box .table-add-btn:hover:before
	{
	opacity: 1
}

.table-add-box .table-add-btn:before {
	width: 2px;
	height: 16px;
	left: 7px
}

.table-add-box .table-add-btn:after {
	width: 16px;
	height: 2px;
	top: 7px
}

.table-add-box .column-add {
	right: -30px;
	top: 50%;
	transform: translateY(-50%)
}

.table-add-box .line-add {
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%)
}

.table-cell {
	position: absolute
}

.table-cell::after {
	position: absolute;
	left: -1px;
	top: -1px;
	width: calc(100% + 1px);
	height: calc(100% + 1px);
	border-right: none;
	border-bottom: none;
	box-shadow: -.5px -.5px 0 .5px #999 inset, .5px .5px 0 .5px #999 inset;
	pointer-events: none
}

.table-cell:hover::after {
	content: ''
}

.table-cell .contrTextBox:hover {
	background: red
}

.table-cell .inputText>* {
	padding: 0 5px
}

.table-cell .contrTextBox .inputText {
	pointer-events: none
}

.table-cell .contrTextBox.isEdit .inputText {
	pointer-events: auto
}

.table-horizontal-drag-line {
	left: 0;
	width: 100%;
	cursor: -webkit-image-set(url(/images/cursor-ns-resize-9bc6f4e2e5.png) 2x,
		url(/images/cursor-ns-resize%401-c6c105d30f.png) 1x) 15 15, auto
		!important
}

.table-horizontal-drag-line.no-event {
	pointer-events: none
}

.table-vertical-drag-line {
	top: 0;
	height: 100%;
	cursor: -webkit-image-set(url(/images/cursor-we-resize-c4cb12572d.png) 2x,
		url(/images/cursor-we-resize%401-48d3fcecd5.png) 1x) 15 15, auto
		!important
}

.table-vertical-drag-line.no-event {
	pointer-events: none
}

.table-select {
	position: absolute;
	box-shadow: -1px -1px 0 1px #f56464 inset, 1px 1px 0 1px #f56464 inset;
	pointer-events: none
}

.table-select .shadow-box {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.table-select .selectCell {
	position: absolute;
	box-shadow: 0 0 0 99999px rgba(245, 100, 100, .2)
}

.table-line-box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none
}

.table-line-box.isDraging {
	pointer-events: auto
}

.table-line-box .table-line {
	position: absolute;
	pointer-events: auto;
	box-sizing: border-box
}

.table-line-box .table-line.table-line-hide {
	opacity: 0
}

.table-line-box .table-drag-line {
	position: absolute;
	pointer-events: none
}

.table-line-box .table-drag-line.active, .table-line-box .table-drag-line:hover
	{
	z-index: 2
}

.table-line-box .table-drag-line.active:not (.no-event ),
	.table-line-box .table-drag-line:hover:not (.no-event ){
	pointer-events: auto
}

.table-line-box .table-drag-line.active::before, .table-line-box .table-drag-line:hover::before
	{
	content: ''
}

.table-line-box .table-drag-line.table-horizontal-drag-line {
	padding: 3px 0
}

.table-line-box .table-drag-line.table-horizontal-drag-line::before {
	top: 3px;
	height: 3px
}

.table-line-box .table-drag-line.table-vertical-drag-line {
	padding: 0 3px
}

.table-line-box .table-drag-line.table-vertical-drag-line::before {
	left: 3px;
	width: 3px
}

.table-line-box .table-drag-line::before {
	content: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #f56464
}

.table-style-btn {
	float: left;
	width: 40px;
	height: 38px;
	border-radius: 2px;
	margin: 6px 0;
	opacity: .6;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.table-style-btn.active, .table-style-btn:hover {
	opacity: 1
}

.table-style-btn.active {
	cursor: -webkit-image-set(url(/images/cursor-default-0503e917cf.png) 2x,
		url(/images/cursor-default%401-e6d66e8324.png) 1x) 4 4, auto
		!important;
	background-color: rgba(244, 103, 103, .5)
}

.table-style-btn:nth-child(1) {
	background-position: -252px -252px
}

.table-style-btn:nth-child(2) {
	background-position: -292px -252px
}

.table-style-btn:nth-child(3) {
	background-position: -332px -252px
}

.table-style-btn:nth-child(4) {
	background-position: -372px -252px
}

.table-style-btn:nth-child(5) {
	background-position: -412px -252px
}

.table-style-btn:nth-child(6) {
	background-position: -452px -252px
}

.table-style-1 .odd-line, .table-style-2 .odd-line {
	background-color: rgba(0, 0, 0, .06)
}

.table-style-4 .first-column, .table-style-5 .first-column {
	background-color: rgba(0, 0, 0, .1)
}

.table-style-3 .first-line, .table-style-5 .first-line {
	background-color: rgba(0, 0, 0, .1)
}

.distance-container {
	pointer-events: none
}

.distance-line {
	position: fixed;
	background: #f44
}

.distance-line.distance-line-bottom, .distance-line.distance-line-top {
	width: 1px
}

.distance-line.distance-line-bottom::after, .distance-line.distance-line-bottom::before,
	.distance-line.distance-line-top::after, .distance-line.distance-line-top::before
	{
	position: absolute;
	content: "";
	top: 0;
	left: -2px;
	width: 5px;
	height: 1px;
	background: #f44
}

.distance-line.distance-line-bottom::after, .distance-line.distance-line-top::after
	{
	top: auto;
	bottom: 0
}

.distance-line.distance-line-bottom>span.small-text, .distance-line.distance-line-top>span.small-text
	{
	transform: translate(0, -50%);
	margin-left: 4px
}

.distance-line.distance-line-left, .distance-line.distance-line-right {
	height: 1px
}

.distance-line.distance-line-left::after, .distance-line.distance-line-left::before,
	.distance-line.distance-line-right::after, .distance-line.distance-line-right::before
	{
	position: absolute;
	content: "";
	left: 0;
	top: -2px;
	width: 1px;
	height: 5px;
	background: #f44
}

.distance-line.distance-line-left::after, .distance-line.distance-line-right::after
	{
	left: auto;
	right: 0
}

.distance-line.distance-line-left>span.small-text, .distance-line.distance-line-right>span.small-text
	{
	margin-top: -12px
}

.distance-line>span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0 8px;
	border-radius: 2px;
	text-align: center;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #fff;
	background: #f44
}

.distance-dashed {
	position: fixed;
	border: 0 dashed #eb5546
}

.distance-dashed.distance-dashed-top {
	border-top-width: 1px
}

.distance-dashed.distance-dashed-bottom {
	border-bottom-width: 1px
}

.distance-dashed.distance-dashed-left {
	border-left-width: 1px
}

.distance-dashed.distance-dashed-right {
	border-right-width: 1px
}

.copy-line {
	position: absolute;
	pointer-events: auto
}

.copy-line.copy-left-line, .copy-line.copy-right-line {
	height: 100%;
	width: 3px;
	cursor: -webkit-image-set(url(/images/cursor-we-resize-c4cb12572d.png) 2x,
		url(/images/cursor-we-resize%401-48d3fcecd5.png) 1x) 15 15, auto
		!important
}

.copy-line.copy-left-line .copy-spot, .copy-line.copy-right-line .copy-spot
	{
	top: 50%;
	transform: translateY(-50%)
}

.copy-line.copy-left-line {
	left: -1px
}

.copy-line.copy-left-line .copy-spot {
	left: -3px;
	cursor: -webkit-image-set(url(/images/cursor-we-resize-c4cb12572d.png) 2x,
		url(/images/cursor-we-resize%401-48d3fcecd5.png) 1x) 15 15, auto
		!important
}

.copy-line.copy-right-line {
	right: -1px
}

.copy-line.copy-right-line .copy-spot {
	right: -3px;
	cursor: -webkit-image-set(url(/images/cursor-we-resize-c4cb12572d.png) 2x,
		url(/images/cursor-we-resize%401-48d3fcecd5.png) 1x) 15 15, auto
		!important
}

.copy-line.copy-bottom-line, .copy-line.copy-top-line {
	height: 3px;
	width: 100%;
	cursor: -webkit-image-set(url(/images/cursor-ns-resize-9bc6f4e2e5.png) 2x,
		url(/images/cursor-ns-resize%401-c6c105d30f.png) 1x) 15 15, auto
		!important
}

.copy-line.copy-bottom-line .copy-spot, .copy-line.copy-top-line .copy-spot
	{
	left: 50%;
	transform: translateX(-50%)
}

.copy-line.copy-top-line {
	top: -1px
}

.copy-line.copy-top-line .copy-spot {
	top: -3px;
	cursor: -webkit-image-set(url(/images/cursor-ns-resize-9bc6f4e2e5.png) 2x,
		url(/images/cursor-ns-resize%401-c6c105d30f.png) 1x) 15 15, auto
		!important
}

.copy-line.copy-bottom-line {
	bottom: -1px
}

.copy-line.copy-bottom-line .copy-spot {
	bottom: -3px;
	cursor: -webkit-image-set(url(/images/cursor-ns-resize-9bc6f4e2e5.png) 2x,
		url(/images/cursor-ns-resize%401-c6c105d30f.png) 1x) 15 15, auto
		!important
}

.copy-line .copy-spot {
	opacity: 0;
	transition: opacity .2s;
	position: absolute;
	width: 10px;
	height: 10px
}

.copy-line .copy-spot:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: #f56464
}

.copy-line .copy-spot:hover {
	opacity: 1
}

.copy-line:hover .copy-spot {
	opacity: 1
}

.table-drag-line {
	z-index: 2;
	display: none
}

.element-container.element-edit .table-drag-line, .isC.select-cell .table-drag-line
	{
	display: block
}

.element-container .table-cell-draging .copy-box, .element-container .table-cell-draging .table-drag-line,
	.table-cell-draging.isOnlyOpt .copy-box, .table-cell-draging.isOnlyOpt .table-drag-line
	{
	display: none
}

.table-cell-name {
	color: #fff;
	font-size: 14px;
	margin-top: 11px
}

@font-face {
	font-family: anticon;
	src: url(../font/font_148784_v4ggb6wrjmkotj4i.eot);
	src: url(../font/font_148784_v4ggb6wrjmkotj4i.woff) format('woff'),
		url(../font/font_148784_v4ggb6wrjmkotj4i.ttf) format('truetype'),
		url(/images/font_148784_v4ggb6wrjmkotj4i.svg#iconfont) format('svg')
}

.anticon {
	display: inline-block;
	font-style: normal;
	vertical-align: baseline;
	text-align: center;
	text-transform: none;
	line-height: 1;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.anticon:before {
	display: block;
	font-family: anticon !important
}

.anticon-step-forward:before {
	content: "\e600"
}

.anticon-step-backward:before {
	content: "\e601"
}

.anticon-forward:before {
	content: "\e602"
}

.anticon-backward:before {
	content: "\e603"
}

.anticon-caret-right:before {
	content: "\e604"
}

.anticon-caret-left:before {
	content: "\e605"
}

.anticon-caret-down:before {
	content: "\e606"
}

.anticon-caret-up:before {
	content: "\e607"
}

.anticon-right-circle:before {
	content: "\e608"
}

.anticon-circle-right:before {
	content: "\e608"
}

.anticon-caret-circle-right:before {
	content: "\e608"
}

.anticon-left-circle:before {
	content: "\e609"
}

.anticon-circle-left:before {
	content: "\e609"
}

.anticon-caret-circle-left:before {
	content: "\e609"
}

.anticon-up-circle:before {
	content: "\e60a"
}

.anticon-circle-up:before {
	content: "\e60a"
}

.anticon-caret-circle-up:before {
	content: "\e60a"
}

.anticon-down-circle:before {
	content: "\e60b"
}

.anticon-circle-down:before {
	content: "\e60b"
}

.anticon-caret-circle-down:before {
	content: "\e60b"
}

.anticon-right-circle-o:before {
	content: "\e60c"
}

.anticon-circle-o-right:before {
	content: "\e60c"
}

.anticon-caret-circle-o-right:before {
	content: "\e60c"
}

.anticon-left-circle-o:before {
	content: "\e60d"
}

.anticon-circle-o-left:before {
	content: "\e60d"
}

.anticon-caret-circle-o-left:before {
	content: "\e60d"
}

.anticon-up-circle-o:before {
	content: "\e60e"
}

.anticon-circle-o-up:before {
	content: "\e60e"
}

.anticon-caret-circle-o-up:before {
	content: "\e60e"
}

.anticon-down-circle-o:before {
	content: "\e60f"
}

.anticon-circle-o-down:before {
	content: "\e60f"
}

.anticon-caret-circle-o-down:before {
	content: "\e60f"
}

.anticon-verticle-left:before {
	content: "\e610"
}

.anticon-verticle-right:before {
	content: "\e611"
}

.anticon-rollback:before {
	content: "\e612"
}

.anticon-retweet:before {
	content: "\e613"
}

.anticon-shrink:before {
	content: "\e614"
}

.anticon-arrows-alt:before {
	content: "\e615"
}

.anticon-arrow-salt:before {
	content: "\e615"
}

.anticon-reload:before {
	content: "\e616"
}

.anticon-double-right:before {
	content: "\e617"
}

.anticon-double-left:before {
	content: "\e618"
}

.anticon-arrow-down:before {
	content: "\e619"
}

.anticon-arrow-up:before {
	content: "\e61a"
}

.anticon-arrow-right:before {
	content: "\e61b"
}

.anticon-arrow-left:before {
	content: "\e61c"
}

.anticon-down:before {
	content: "\e61d"
}

.anticon-up:before {
	content: "\e61e"
}

.anticon-right:before {
	content: "\e61f"
}

.anticon-left:before {
	content: "\e620"
}

.anticon-minus-square-o:before {
	content: "\e621"
}

.anticon-minus-circle:before {
	content: "\e622"
}

.anticon-minus-circle-o:before {
	content: "\e623"
}

.anticon-minus:before {
	content: "\e624"
}

.anticon-plus-circle-o:before {
	content: "\e625"
}

.anticon-plus-circle:before {
	content: "\e626"
}

.anticon-plus:before {
	content: "\e627"
}

.anticon-info-circle:before {
	content: "\e628"
}

.anticon-info-circle-o:before {
	content: "\e629"
}

.anticon-info:before {
	content: "\e62a"
}

.anticon-exclamation:before {
	content: "\e62b"
}

.anticon-exclamation-circle:before {
	content: "\e62c"
}

.anticon-exclamation-circle-o:before {
	content: "\e62d"
}

.anticon-close-circle:before {
	content: "\e62e"
}

.anticon-cross-circle:before {
	content: "\e62e"
}

.anticon-close-circle-o:before {
	content: "\e62f"
}

.anticon-cross-circle-o:before {
	content: "\e62f"
}

.anticon-check-circle:before {
	content: "\e630"
}

.anticon-check-circle-o:before {
	content: "\e631"
}

.anticon-check:before {
	content: "\e632"
}

.anticon-close:before {
	content: "\e633"
}

.anticon-cross:before {
	content: "\e633"
}

.anticon-customer-service:before {
	content: "\e634"
}

.anticon-customerservice:before {
	content: "\e634"
}

.anticon-credit-card:before {
	content: "\e635"
}

.anticon-code-o:before {
	content: "\e636"
}

.anticon-book:before {
	content: "\e637"
}

.anticon-bars:before {
	content: "\e639"
}

.anticon-question:before {
	content: "\e63a"
}

.anticon-question-circle:before {
	content: "\e63b"
}

.anticon-question-circle-o:before {
	content: "\e63c"
}

.anticon-pause:before {
	content: "\e63d"
}

.anticon-pause-circle:before {
	content: "\e63e"
}

.anticon-pause-circle-o:before {
	content: "\e63f"
}

.anticon-clock-circle:before {
	content: "\e640"
}

.anticon-clock-circle-o:before {
	content: "\e641"
}

.anticon-swap:before {
	content: "\e642"
}

.anticon-swap-left:before {
	content: "\e643"
}

.anticon-swap-right:before {
	content: "\e644"
}

.anticon-plus-square-o:before {
	content: "\e645"
}

.anticon-frown:before {
	content: "\e646"
}

.anticon-frown-circle:before {
	content: "\e646"
}

.anticon-ellipsis:before {
	content: "\e647"
}

.anticon-copy:before {
	content: "\e648"
}

.anticon-menu-fold:before {
	content: "\e9ac"
}

.anticon-mail:before {
	content: "\e659"
}

.anticon-logout:before {
	content: "\e65a"
}

.anticon-link:before {
	content: "\e65b"
}

.anticon-area-chart:before {
	content: "\e65c"
}

.anticon-line-chart:before {
	content: "\e65d"
}

.anticon-home:before {
	content: "\e65e"
}

.anticon-laptop:before {
	content: "\e65f"
}

.anticon-star:before {
	content: "\e660"
}

.anticon-star-o:before {
	content: "\e661"
}

.anticon-folder:before {
	content: "\e662"
}

.anticon-filter:before {
	content: "\e663"
}

.anticon-file:before {
	content: "\e664"
}

.anticon-exception:before {
	content: "\e665"
}

.anticon-meh:before {
	content: "\e666"
}

.anticon-meh-circle:before {
	content: "\e666"
}

.anticon-meh-o:before {
	content: "\e667"
}

.anticon-shopping-cart:before {
	content: "\e668"
}

.anticon-save:before {
	content: "\e669"
}

.anticon-user:before {
	content: "\e66a"
}

.anticon-video-camera:before {
	content: "\e66b"
}

.anticon-to-top:before {
	content: "\e66c"
}

.anticon-team:before {
	content: "\e66d"
}

.anticon-tablet:before {
	content: "\e66e"
}

.anticon-solution:before {
	content: "\e66f"
}

.anticon-search:before {
	content: "\e670"
}

.anticon-share-alt:before {
	content: "\e671"
}

.anticon-setting:before {
	content: "\e672"
}

.anticon-poweroff:before {
	content: "\e6d5"
}

.anticon-picture:before {
	content: "\e674"
}

.anticon-phone:before {
	content: "\e675"
}

.anticon-paper-clip:before {
	content: "\e676"
}

.anticon-notification:before {
	content: "\e677"
}

.anticon-mobile:before {
	content: "\e678"
}

.anticon-menu-unfold:before {
	content: "\e9ad"
}

.anticon-inbox:before {
	content: "\e67a"
}

.anticon-lock:before {
	content: "\e67b"
}

.anticon-qrcode:before {
	content: "\e67c"
}

.anticon-play-circle:before {
	content: "\e6d0"
}

.anticon-play-circle-o:before {
	content: "\e6d1"
}

.anticon-tag:before {
	content: "\e6d2"
}

.anticon-tag-o:before {
	content: "\e6d3"
}

.anticon-tags:before {
	content: "\e67d"
}

.anticon-tags-o:before {
	content: "\e67e"
}

.anticon-cloud-o:before {
	content: "\e67f"
}

.anticon-cloud:before {
	content: "\e680"
}

.anticon-cloud-upload:before {
	content: "\e681"
}

.anticon-cloud-download:before {
	content: "\e682"
}

.anticon-cloud-download-o:before {
	content: "\e683"
}

.anticon-cloud-upload-o:before {
	content: "\e684"
}

.anticon-environment:before {
	content: "\e685"
}

.anticon-environment-o:before {
	content: "\e686"
}

.anticon-eye:before {
	content: "\e687"
}

.anticon-eye-o:before {
	content: "\e688"
}

.anticon-camera:before {
	content: "\e689"
}

.anticon-camera-o:before {
	content: "\e68a"
}

.anticon-windows:before {
	content: "\e68b"
}

.anticon-apple:before {
	content: "\e68c"
}

.anticon-apple-o:before {
	content: "\e6d4"
}

.anticon-android:before {
	content: "\e938"
}

.anticon-android-o:before {
	content: "\e68d"
}

.anticon-aliwangwang:before {
	content: "\e68e"
}

.anticon-aliwangwang-o:before {
	content: "\e68f"
}

.anticon-export:before {
	content: "\e691"
}

.anticon-edit:before {
	content: "\e692"
}

.anticon-appstore-o:before {
	content: "\e695"
}

.anticon-appstore:before {
	content: "\e696"
}

.anticon-scan:before {
	content: "\e697"
}

.anticon-file-text:before {
	content: "\e698"
}

.anticon-folder-open:before {
	content: "\e699"
}

.anticon-hdd:before {
	content: "\e69a"
}

.anticon-ie:before {
	content: "\e69b"
}

.anticon-file-jpg:before {
	content: "\e69c"
}

.anticon-like:before {
	content: "\e64c"
}

.anticon-like-o:before {
	content: "\e69d"
}

.anticon-dislike:before {
	content: "\e64b"
}

.anticon-dislike-o:before {
	content: "\e69e"
}

.anticon-delete:before {
	content: "\e69f"
}

.anticon-enter:before {
	content: "\e6a0"
}

.anticon-pushpin-o:before {
	content: "\e6a1"
}

.anticon-pushpin:before {
	content: "\e6a2"
}

.anticon-heart:before {
	content: "\e6a3"
}

.anticon-heart-o:before {
	content: "\e6a4"
}

.anticon-pay-circle:before {
	content: "\e6a5"
}

.anticon-pay-circle-o:before {
	content: "\e6a6"
}

.anticon-smile:before {
	content: "\e6a7"
}

.anticon-smile-circle:before {
	content: "\e6a7"
}

.anticon-smile-o:before {
	content: "\e6a8"
}

.anticon-frown-o:before {
	content: "\e6a9"
}

.anticon-calculator:before {
	content: "\e6aa"
}

.anticon-message:before {
	content: "\e6ab"
}

.anticon-chrome:before {
	content: "\e6ac"
}

.anticon-github:before {
	content: "\e6ad"
}

.anticon-file-unknown:before {
	content: "\e6af"
}

.anticon-file-excel:before {
	content: "\e6b0"
}

.anticon-file-ppt:before {
	content: "\e6b1"
}

.anticon-file-word:before {
	content: "\e6b2"
}

.anticon-file-pdf:before {
	content: "\e6b3"
}

.anticon-desktop:before {
	content: "\e6b4"
}

.anticon-upload:before {
	content: "\e6b6"
}

.anticon-download:before {
	content: "\e6b7"
}

.anticon-pie-chart:before {
	content: "\e6b8"
}

.anticon-unlock:before {
	content: "\e6ba"
}

.anticon-calendar:before {
	content: "\e6bb"
}

.anticon-windows-o:before {
	content: "\e6bc"
}

.anticon-dot-chart:before {
	content: "\e6bd"
}

.anticon-bar-chart:before {
	content: "\e6be"
}

.anticon-code:before {
	content: "\e6bf"
}

.anticon-api:before {
	content: "\e951"
}

.anticon-plus-square:before {
	content: "\e6c0"
}

.anticon-minus-square:before {
	content: "\e6c1"
}

.anticon-close-square:before {
	content: "\e6c2"
}

.anticon-close-square-o:before {
	content: "\e6c3"
}

.anticon-check-square:before {
	content: "\e6c4"
}

.anticon-check-square-o:before {
	content: "\e6c5"
}

.anticon-fast-backward:before {
	content: "\e6c6"
}

.anticon-fast-forward:before {
	content: "\e6c7"
}

.anticon-up-square:before {
	content: "\e6c8"
}

.anticon-down-square:before {
	content: "\e6c9"
}

.anticon-left-square:before {
	content: "\e6ca"
}

.anticon-right-square:before {
	content: "\e6cb"
}

.anticon-right-square-o:before {
	content: "\e6cc"
}

.anticon-left-square-o:before {
	content: "\e6cd"
}

.anticon-down-square-o:before {
	content: "\e6ce"
}

.anticon-up-square-o:before {
	content: "\e6cf"
}

.anticon-loading:before {
	content: "\e64d"
}

.anticon-loading-3-quarters:before {
	content: "\e6ae"
}

.anticon-bulb:before {
	content: "\e649"
}

.anticon-select:before {
	content: "\e64a"
}

.anticon-addfile:before, .anticon-file-add:before {
	content: "\e910"
}

.anticon-addfolder:before, .anticon-folder-add:before {
	content: "\e914"
}

.anticon-switcher:before {
	content: "\e913"
}

.anticon-rocket:before {
	content: "\e90f"
}

.anticon-dingding:before {
	content: "\e923"
}

.anticon-dingding-o:before {
	content: "\e925"
}

.anticon-bell:before {
	content: "\e64e"
}

.anticon-disconnect:before {
	content: "\e64f"
}

.anticon-database:before {
	content: "\e650"
}

.anticon-compass:before {
	content: "\e6db"
}

.anticon-barcode:before {
	content: "\e652"
}

.anticon-hourglass:before {
	content: "\e653"
}

.anticon-key:before {
	content: "\e654"
}

.anticon-flag:before {
	content: "\e655"
}

.anticon-layout:before {
	content: "\e656"
}

.anticon-login:before {
	content: "\e657"
}

.anticon-printer:before {
	content: "\e673"
}

.anticon-sound:before {
	content: "\e6e9"
}

.anticon-usb:before {
	content: "\e6d7"
}

.anticon-skin:before {
	content: "\e6d8"
}

.anticon-tool:before {
	content: "\e6d9"
}

.anticon-sync:before {
	content: "\e6da"
}

.anticon-wifi:before {
	content: "\e6d6"
}

.anticon-car:before {
	content: "\e6dc"
}

.anticon-copyright:before {
	content: "\e6de"
}

.anticon-schedule:before {
	content: "\e6df"
}

.anticon-user-add:before {
	content: "\e6ed"
}

.anticon-user-delete:before {
	content: "\e6e0"
}

.anticon-usergroup-add:before {
	content: "\e6dd"
}

.anticon-usergroup-delete:before {
	content: "\e6e1"
}

.anticon-man:before {
	content: "\e6e2"
}

.anticon-woman:before {
	content: "\e6ec"
}

.anticon-shop:before {
	content: "\e6e3"
}

.anticon-gift:before {
	content: "\e6e4"
}

.anticon-idcard:before {
	content: "\e6e5"
}

.anticon-medicine-box:before {
	content: "\e6e6"
}

.anticon-red-envelope:before {
	content: "\e6e7"
}

.anticon-coffee:before {
	content: "\e6e8"
}

.anticon-trademark:before {
	content: "\e651"
}

.anticon-safety:before {
	content: "\e6ea"
}

.anticon-wallet:before {
	content: "\e6eb"
}

.anticon-bank:before {
	content: "\e6ee"
}

.anticon-trophy:before {
	content: "\e6ef"
}

.anticon-contacts:before {
	content: "\e6f0"
}

.anticon-global:before {
	content: "\e6f1"
}

.anticon-shake:before {
	content: "\e94f"
}

.anticon-fork:before {
	content: "\e6f2"
}

.anticon-dashboard:before {
	content: "\e99a"
}

.anticon-profile:before {
	content: "\e999"
}

.anticon-table:before {
	content: "\e998"
}

.anticon-warning:before {
	content: "\e997"
}

.anticon-form:before {
	content: "\e996"
}

.anticon-spin:before {
	display: inline-block;
	animation: loadingCircle 1s infinite linear
}

.anticon-weibo-square:before {
	content: "\e6f5"
}

.anticon-weibo-circle:before {
	content: "\e6f4"
}

.anticon-taobao-circle:before {
	content: "\e6f3"
}

.anticon-html5:before {
	content: "\e9c7"
}

.anticon-weibo:before {
	content: "\e9c6"
}

.anticon-twitter:before {
	content: "\e9c5"
}

.anticon-wechat:before {
	content: "\e9c4"
}

.anticon-youtube:before {
	content: "\e9c3"
}

.anticon-alipay-circle:before {
	content: "\e9c2"
}

.anticon-taobao:before {
	content: "\e9c1"
}

.anticon-skype:before {
	content: "\e9c0"
}

.anticon-qq:before {
	content: "\e9bf"
}

.anticon-medium-workmark:before {
	content: "\e9be"
}

.anticon-gitlab:before {
	content: "\e9bd"
}

.anticon-medium:before {
	content: "\e9bc"
}

.anticon-linkedin:before {
	content: "\e9bb"
}

.anticon-google-plus:before {
	content: "\e9ba"
}

.anticon-dropbox:before {
	content: "\e9b9"
}

.anticon-facebook:before {
	content: "\e9b8"
}

.anticon-codepen:before {
	content: "\e9b7"
}

.anticon-amazon:before {
	content: "\e9b6"
}

.anticon-google:before {
	content: "\e9b5"
}

.anticon-codepen-circle:before {
	content: "\e9b4"
}

.anticon-alipay:before {
	content: "\e9b3"
}

.anticon-ant-design:before {
	content: "\e9b2"
}

.anticon-aliyun:before {
	content: "\e9f4"
}

.anticon-zhihu:before {
	content: "\e703"
}

.anticon-file-markdown:before {
	content: "\e704"
}

.anticon-slack:before {
	content: "\e705"
}

.anticon-slack-square:before {
	content: "\e706"
}

.anticon-behance:before {
	content: "\e707"
}

.anticon-behance-square:before {
	content: "\e708"
}

.anticon-dribbble:before {
	content: "\e709"
}

.anticon-dribbble-square:before {
	content: "\e70a"
}

.anticon-instagram:before {
	content: "\e70b"
}

.anticon-yuque:before {
	content: "\e70c"
}

.ant-input {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	padding: 4px 11px;
	width: 100%;
	height: 32px;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	background-color: #fff;
	background-image: none;
	border: 1px solid #d9d9d9;
	border-radius: 4px
}

.ant-input::-moz-placeholder {
	color: #bfbfbf;
	opacity: 1
}

.ant-input:-ms-input-placeholder {
	color: #bfbfbf
}

.ant-input::-webkit-input-placeholder {
	color: #bfbfbf
}

.ant-input:hover {
	border-color: #8c8484;
	border-right-width: 1px !important
}

.ant-input:focus {
	border-color: #8c8484;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(128, 128, 128, .2);
	border-right-width: 1px !important
}

.ant-input-disabled {
	background-color: #f5f5f5;
	opacity: 1;
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25)
}

.ant-input-disabled:hover {
	border-color: #e6d8d8;
	border-right-width: 1px !important
}

textarea.ant-input {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	transition: all .3s, height 0s;
	min-height: 32px
}

.ant-input-lg {
	padding: 6px 11px;
	height: 40px;
	font-size: 14px 2px
}

.ant-input-sm {
	padding: 1px 7px;
	height: 24px
}

.ant-input-group {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: table;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%
}

.ant-input-group[class*=col-] {
	float: none;
	padding-left: 0;
	padding-right: 0
}

.ant-input-group>[class*=col-] {
	padding-right: 8px
}

.ant-input-group>[class*=col-]:last-child {
	padding-right: 0
}

.ant-input-group-addon, .ant-input-group-wrap, .ant-input-group>.ant-input
	{
	display: table-cell
}

.ant-input-group-addon:not (:first-child ):not (:last-child ),
	.ant-input-group-wrap:not (:first-child ):not (:last-child ),
	.ant-input-group>.ant-input:not (:first-child ):not (:last-child ){
	border-radius: 0
}

.ant-input-group-addon, .ant-input-group-wrap {
	width: 1px;
	white-space: nowrap;
	vertical-align: middle
}

.ant-input-group-wrap>* {
	display: block !important
}

.ant-input-group .ant-input {
	float: left;
	width: 100%;
	margin-bottom: 0
}

.ant-input-group .ant-input:focus {
	z-index: 1;
	border-right-width: 1px
}

.ant-input-group .ant-input:hover {
	z-index: 1;
	border-right-width: 1px
}

.ant-input-group-addon {
	padding: 0 11px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: rgba(0, 0, 0, .65);
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	position: relative;
	transition: all .3s
}

.ant-input-group-addon .ant-select {
	margin: -5px -11px
}

.ant-input-group-addon .ant-select .ant-select-selection {
	background-color: inherit;
	margin: -1px;
	border: 1px solid transparent;
	box-shadow: none
}

.ant-input-group-addon .ant-select-focused .ant-select-selection,
	.ant-input-group-addon .ant-select-open .ant-select-selection {
	color: grey
}

.ant-input-group-addon>i:only-child:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.ant-input-group-addon:first-child, .ant-input-group>.ant-input:first-child
	{
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.ant-input-group-addon:first-child .ant-select .ant-select-selection,
	.ant-input-group>.ant-input:first-child .ant-select .ant-select-selection
	{
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.ant-input-group>.ant-input-affix-wrapper:not (:first-child ) .ant-input
	{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.ant-input-group>.ant-input-affix-wrapper:not (:last-child ) .ant-input
	{
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.ant-input-group-addon:first-child {
	border-right: 0
}

.ant-input-group-addon:last-child {
	border-left: 0
}

.ant-input-group-addon:last-child, .ant-input-group>.ant-input:last-child
	{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.ant-input-group-addon:last-child .ant-select .ant-select-selection,
	.ant-input-group>.ant-input:last-child .ant-select .ant-select-selection
	{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.ant-input-group-lg .ant-input, .ant-input-group-lg>.ant-input-group-addon
	{
	padding: 6px 11px;
	height: 40px;
	font-size: 14px 2px
}

.ant-input-group-sm .ant-input, .ant-input-group-sm>.ant-input-group-addon
	{
	padding: 1px 7px;
	height: 24px
}

.ant-input-group-lg .ant-select-selection--single {
	height: 40px
}

.ant-input-group-sm .ant-select-selection--single {
	height: 24px
}

.ant-input-group .ant-input-affix-wrapper {
	display: table-cell;
	width: 100%;
	float: left
}

.ant-input-group.ant-input-group-compact {
	display: block;
	zoom: 1
}

.ant-input-group.ant-input-group-compact:after, .ant-input-group.ant-input-group-compact:before
	{
	content: "";
	display: table
}

.ant-input-group.ant-input-group-compact:after {
	clear: both
}

.ant-input-group.ant-input-group-compact>* {
	border-radius: 0;
	border-right-width: 0;
	vertical-align: top;
	float: none;
	display: inline-block
}

.ant-input-group.ant-input-group-compact .ant-input {
	float: none
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input,
	.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,
	.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor,
	.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,
	.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection,
	.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input
	{
	border-radius: 0;
	border-right-width: 0
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker:first-child .ant-input,
	.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,
	.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:first-child .ant-mention-editor,
	.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,
	.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selection,
	.ant-input-group.ant-input-group-compact>.ant-time-picker:first-child .ant-time-picker-input,
	.ant-input-group.ant-input-group-compact>:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.ant-input-group.ant-input-group-compact>.ant-calendar-picker:last-child .ant-input,
	.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,
	.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:last-child .ant-mention-editor,
	.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,
	.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selection,
	.ant-input-group.ant-input-group-compact>.ant-time-picker:last-child .ant-time-picker-input,
	.ant-input-group.ant-input-group-compact>:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right-width: 1px
}

.ant-input-group-wrapper {
	display: inline-block;
	vertical-align: top;
	width: 100%
}

.ant-input-affix-wrapper {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	width: 100%
}

.ant-input-affix-wrapper:hover .ant-input:not (.ant-input-disabled ){
	border-color: #8c8484;
	border-right-width: 1px !important
}

.ant-input-affix-wrapper .ant-input {
	position: static
}

.ant-input-affix-wrapper .ant-input-prefix, .ant-input-affix-wrapper .ant-input-suffix
	{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height: 0;
	color: rgba(0, 0, 0, .65)
}

.ant-input-affix-wrapper .ant-input-prefix :not (.anticon ),
	.ant-input-affix-wrapper .ant-input-suffix :not (.anticon ){
	line-height: 1.5
}

.ant-input-affix-wrapper .ant-input-prefix {
	left: 12px
}

.ant-input-affix-wrapper .ant-input-suffix {
	right: 12px
}

.ant-input-affix-wrapper .ant-input:not (:first-child ){
	padding-left: 30px
}

.ant-input-affix-wrapper .ant-input:not (:last-child ){
	padding-right: 30px
}

.ant-input-affix-wrapper .ant-input {
	min-height: 100%
}

.ant-input-search-icon {
	color: rgba(0, 0, 0, .45);
	cursor: pointer;
	transition: all .3s
}

.ant-input-search-icon:hover {
	color: #333
}

.ant-input-search:not (.ant-input-search-small )>.ant-input-suffix {
	right: 12px
}

.ant-input-search>.ant-input-suffix>.ant-input-search-button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.ant-input-search>.ant-input-suffix>.ant-input-search-button>.anticon-search
	{
	font-size: 14px 2px
}

.ant-input-search.ant-input-search-enter-button>.ant-input {
	padding-right: 46px
}

.ant-input-search.ant-input-search-enter-button>.ant-input-suffix {
	right: 0
}

.ant-dropdown {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: -9999px;
	top: -9999px;
	z-index: 1050;
	display: block
}

.ant-dropdown-wrap {
	position: relative
}

.ant-dropdown-wrap .ant-btn>.anticon-down {
	display: inline-block;
	font-size: 12px;
	transform: scale(.83333333) rotate(0)
}

:root .ant-dropdown-wrap .ant-btn>.anticon-down {
	font-size: 12px
}

.ant-dropdown-wrap .anticon-down:before {
	transition: transform .2s
}

.ant-dropdown-wrap-open .anticon-down:before {
	transform: rotate(180deg)
}

.ant-dropdown-hidden, .ant-dropdown-menu-hidden {
	display: none
}

.ant-dropdown-menu {
	outline: 0;
	position: relative;
	list-style-type: none;
	padding: 4px 0;
	margin: 0;
	text-align: left;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	background-clip: padding-box
}

.ant-dropdown-menu-item-group-title {
	color: rgba(0, 0, 0, .45);
	padding: 5px 12px;
	transition: all .3s
}

.ant-dropdown-menu-submenu-popup {
	position: absolute;
	z-index: 1050
}

.ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
	padding: 5px 12px;
	margin: 0;
	clear: both;
	font-size: 14px;
	font-weight: 400;
	color: rgba(0, 0, 0, .65);
	white-space: nowrap;
	cursor: pointer;
	transition: all .3s;
	line-height: 22px
}

.ant-dropdown-menu-item>.anticon:first-child,
	.ant-dropdown-menu-submenu-title>.anticon:first-child {
	min-width: 12px;
	margin-right: 8px
}

.ant-dropdown-menu-item>a, .ant-dropdown-menu-submenu-title>a {
	color: rgba(0, 0, 0, .65);
	display: block;
	padding: 5px 12px;
	margin: -5px -12px;
	transition: all .3s
}

.ant-dropdown-menu-item>a:focus, .ant-dropdown-menu-submenu-title>a:focus
	{
	text-decoration: none
}

.ant-dropdown-menu-item-selected, .ant-dropdown-menu-item-selected>a,
	.ant-dropdown-menu-submenu-title-selected,
	.ant-dropdown-menu-submenu-title-selected>a {
	color: #1890ff;
	background-color: #e6f7ff
}

.ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
	background-color: #e6f7ff
}

.ant-dropdown-menu-item-disabled,
	.ant-dropdown-menu-submenu-title-disabled {
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

.ant-dropdown-menu-item-disabled:hover,
	.ant-dropdown-menu-submenu-title-disabled:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #fff;
	cursor: not-allowed
}

.ant-dropdown-menu-item-divider,
	.ant-dropdown-menu-submenu-title-divider {
	height: 1px;
	overflow: hidden;
	background-color: #e8e8e8;
	line-height: 0;
	margin: 4px 0
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
	.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
	position: absolute;
	right: 8px
}

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,
	.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after
	{
	font-family: anticon !important;
	font-style: normal;
	content: "\e61f";
	color: rgba(0, 0, 0, .45);
	display: inline-block;
	font-size: 12px;
	transform: scale(.83333333) rotate(0)
}

:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,
	:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after
	{
	font-size: 12px
}

.ant-dropdown-menu-submenu-title {
	padding-right: 26px
}

.ant-dropdown-menu-submenu-vertical {
	position: relative
}

.ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu {
	top: 0;
	left: 100%;
	position: absolute;
	min-width: 100%;
	margin-left: 4px;
	transform-origin: 0 0
}

.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
	.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after
	{
	color: rgba(0, 0, 0, .25)
}

.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
	.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
	.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight,
	.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
	.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
	.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight
	{
	animation-name: antSlideUpIn
}

.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
	.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
	.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight,
	.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
	.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
	.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight
	{
	animation-name: antSlideDownIn
}

.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
	.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
	.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight
	{
	animation-name: antSlideUpOut
}

.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
	.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
	.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight
	{
	animation-name: antSlideDownOut
}

.ant-dropdown-link .anticon-down, .ant-dropdown-trigger .anticon-down {
	display: inline-block;
	font-size: 12px;
	transform: scale(.83333333) rotate(0)
}

:root .ant-dropdown-link .anticon-down, :root .ant-dropdown-trigger .anticon-down
	{
	font-size: 12px
}

.ant-dropdown-link .anticon-ellipsis, .ant-dropdown-trigger .anticon-ellipsis
	{
	text-shadow: 0 0 currentColor
}

.ant-dropdown-button {
	white-space: nowrap
}

.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not (:first-child
	){
	padding-left: 8px;
	padding-right: 8px
}

.ant-dropdown-button .anticon-down {
	display: inline-block;
	font-size: 12px;
	transform: scale(.83333333) rotate(0)
}

:root .ant-dropdown-button .anticon-down {
	font-size: 12px
}

.ant-dropdown-menu-dark, .ant-dropdown-menu-dark .ant-dropdown-menu {
	background: #001529
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item, .ant-dropdown-menu-dark .ant-dropdown-menu-item>a,
	.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title {
	color: rgba(255, 255, 255, .65)
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow:after,
	.ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow:after,
	.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow:after
	{
	color: rgba(255, 255, 255, .65)
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
	.ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover,
	.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover {
	color: #fff;
	background: 0 0
}

.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
	.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
	.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a {
	background: #1890ff;
	color: #fff
}

.ant-menu {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-size: inherit;
	color: inherit;
	outline: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	line-height: 0;
	transition: background .3s;
	zoom: 1
}

.ant-menu:after, .ant-menu:before {
	content: "";
	display: table
}

.ant-menu:after {
	clear: both
}

.ant-menu ol, .ant-menu ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.ant-menu-hidden {
	display: none
}

.ant-menu-item-group-title {
	color: rgba(0, 0, 0, .45);
	font-size: 14px;
	line-height: 1.5;
	padding: 8px 16px;
	transition: all .3s
}

.ant-menu-submenu, .ant-menu-submenu-inline {
	transition: border-color .3s cubic-bezier(.645, .045, .355, 1),
		background .3s cubic-bezier(.645, .045, .355, 1), padding .15s
		cubic-bezier(.645, .045, .355, 1)
}

.ant-menu .menu-list-title {
	display: flex;
	align-items: center
}

.ant-menu-submenu .ant-menu-sub {
	cursor: initial;
	transition: background .3s cubic-bezier(.645, .045, .355, 1), padding
		.3s cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-item>a {
	display: block;
	color: rgba(0, 0, 0, .65);
	color: inherit
}

.ant-menu-item>a:hover {
	color: #e5e5e5
}

.ant-menu-item>a:focus {
	text-decoration: none
}

.ant-menu-item>a:before {
	position: absolute;
	background-color: transparent;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: ''
}

.ant-menu-item-divider {
	height: 1px;
	overflow: hidden;
	background-color: #e8e8e8;
	line-height: 0
}

.ant-menu-horizontal .ant-menu-item, .ant-menu-horizontal .ant-menu-submenu
	{
	margin-top: -1px
}

.ant-menu-horizontal>.ant-menu-item-active, .ant-menu-horizontal>.ant-menu-item:hover,
	.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover {
	background-color: transparent
}

.ant-menu-item-selected {
	color: #e5e5e5
}

.ant-menu-inline, .ant-menu-vertical, .ant-menu-vertical-left {
	border-right: 1px solid #e8e8e8
}

.ant-menu-vertical-right {
	border-left: 1px solid #e8e8e8
}

.ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub,
	.ant-menu-vertical.ant-menu-sub {
	border-right: 0;
	padding: 0;
	transform-origin: 0 0
}

.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
	.ant-menu-vertical-right.ant-menu-sub .ant-menu-item,
	.ant-menu-vertical.ant-menu-sub .ant-menu-item {
	border-right: 0;
	margin-left: 0;
	left: 0
}

.ant-menu-vertical-left.ant-menu-sub .ant-menu-item:after,
	.ant-menu-vertical-right.ant-menu-sub .ant-menu-item:after,
	.ant-menu-vertical.ant-menu-sub .ant-menu-item:after {
	border-right: 0
}

.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,
	.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,
	.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,
	.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,
	.ant-menu-vertical.ant-menu-sub>.ant-menu-item, .ant-menu-vertical.ant-menu-sub>.ant-menu-submenu
	{
	transform-origin: 0 0
}

.ant-menu-horizontal.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub,
	.ant-menu-vertical-right.ant-menu-sub, .ant-menu-vertical.ant-menu-sub
	{
	min-width: 160px
}

.ant-menu-item, .ant-menu-submenu-title {
	cursor: pointer;
	height: 100%;
	margin: 0;
	padding: 0 20px;
	position: relative;
	display: block;
	white-space: nowrap;
	transition: color .3s cubic-bezier(.645, .045, .355, 1), border-color
		.3s cubic-bezier(.645, .045, .355, 1), background .3s
		cubic-bezier(.645, .045, .355, 1), padding .15s
		cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-item .anticon, .ant-menu-submenu-title .anticon {
	min-width: 14px;
	margin-right: 10px;
	transition: font-size .15s cubic-bezier(.215, .61, .355, 1), margin .3s
		cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-item .anticon+span, .ant-menu-submenu-title .anticon+span {
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1), width .3s
		cubic-bezier(.645, .045, .355, 1);
	opacity: 1
}

.ant-menu>.ant-menu-item-divider {
	height: 1px;
	margin: 1px 0;
	overflow: hidden;
	padding: 0;
	line-height: 0;
	background-color: #e8e8e8
}

.ant-menu-submenu-popup {
	position: absolute;
	background: #fff;
	font-size: 14px;
	border-radius: 4px;
	z-index: 1050
}

.ant-menu-submenu>.ant-menu {
	background-color: inherit;
	border-radius: 4px
}

.ant-menu-submenu>.ant-menu-submenu-title:after {
	transition: transform .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow,
	.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,
	.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,
	.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow
	{
	transition: transform .3s cubic-bezier(.645, .045, .355, 1);
	position: absolute;
	top: 50%;
	right: 16px;
	width: 10px
}

.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,
	.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,
	.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,
	.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before
	{
	content: '';
	position: absolute;
	vertical-align: baseline;
	background: #fff;
	background-image: linear-gradient(to right, rgba(0, 0, 0, .65),
		rgba(0, 0, 0, .65));
	width: 6px;
	height: 1.5px;
	border-radius: 2px;
	transition: background .3s cubic-bezier(.645, .045, .355, 1), transform
		.3s cubic-bezier(.645, .045, .355, 1), top .3s
		cubic-bezier(.645, .045, .355, 1)
}

.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,
	.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,
	.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:before,
	.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:before
	{
	transform: rotate(45deg) translateY(-2px)
}

.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow:after
	{
	transform: rotate(-45deg) translateY(2px)
}

.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-inline>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
	.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-vertical-left>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
	.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-vertical-right>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before,
	.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:after,
	.ant-menu-submenu-vertical>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow:before
	{
	background: linear-gradient(to right, #e5e5e5, #e5e5e5)
}

.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before
	{
	transform: rotate(-45deg) translateX(2px)
}

.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after
	{
	transform: rotate(45deg) translateX(-2px)
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow
	{
	transform: translateY(-2px)
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:after
	{
	transform: rotate(-45deg) translateX(-2px)
}

.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow:before
	{
	transform: rotate(45deg) translateX(2px)
}

.ant-menu-vertical .ant-menu-submenu-selected, .ant-menu-vertical-left .ant-menu-submenu-selected,
	.ant-menu-vertical-right .ant-menu-submenu-selected {
	color: #e5e5e5
}

.ant-menu-vertical .ant-menu-submenu-selected>a, .ant-menu-vertical-left .ant-menu-submenu-selected>a,
	.ant-menu-vertical-right .ant-menu-submenu-selected>a {
	color: #e5e5e5
}

.ant-menu-horizontal {
	border: 0;
	border-bottom: 1px solid #e8e8e8;
	box-shadow: none;
	line-height: 46px
}

.ant-menu-horizontal>.ant-menu-item, .ant-menu-horizontal>.ant-menu-submenu
	{
	position: relative;
	top: 1px;
	float: left;
	box-sizing: border-box;
	height: 100%
}

.ant-menu-horizontal>.ant-menu-item>a {
	display: block;
	color: rgba(0, 0, 0, .65)
}

.ant-menu-horizontal>.ant-menu-item>a:hover {
	color: #e5e5e5
}

.ant-menu-horizontal>.ant-menu-item>a:before {
	bottom: -2px
}

.ant-menu-horizontal>.ant-menu-item-selected>a {
	color: #e5e5e5
}

.ant-menu-horizontal:after {
	content: "\20";
	display: block;
	height: 0;
	clear: both
}

.ant-menu-inline .ant-menu-item, .ant-menu-vertical .ant-menu-item,
	.ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-right .ant-menu-item
	{
	position: relative
}

.ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title,
	.ant-menu-vertical .ant-menu-item, .ant-menu-vertical .ant-menu-submenu-title,
	.ant-menu-vertical-left .ant-menu-item, .ant-menu-vertical-left .ant-menu-submenu-title,
	.ant-menu-vertical-right .ant-menu-item, .ant-menu-vertical-right .ant-menu-submenu-title
	{
	padding: 0 16px;
	line-height: 40px;
	height: 40px;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: hidden;
	text-overflow: ellipsis
}

.ant-menu-inline .ant-menu-submenu, .ant-menu-vertical .ant-menu-submenu,
	.ant-menu-vertical-left .ant-menu-submenu, .ant-menu-vertical-right .ant-menu-submenu
	{
	padding-bottom: .01px
}

.ant-menu-inline .ant-menu-item:not (:last-child ), .ant-menu-vertical .ant-menu-item:not
	(:last-child ), .ant-menu-vertical-left .ant-menu-item:not (:last-child
	), .ant-menu-vertical-right .ant-menu-item:not (:last-child ){
	margin-bottom: 8px
}

.ant-menu-inline>.ant-menu-item, .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,
	.ant-menu-vertical-left>.ant-menu-item, .ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,
	.ant-menu-vertical-right>.ant-menu-item, .ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,
	.ant-menu-vertical>.ant-menu-item, .ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title
	{
	line-height: 40px;
	height: 40px;
	width: auto
}

.ant-menu-inline {
	width: 100%
}

.ant-menu-inline .ant-menu-item-selected, .ant-menu-inline .ant-menu-selected
	{
	border-right: 3px solid #e5e5e5
}

.ant-menu-inline .ant-menu-item, .ant-menu-inline .ant-menu-submenu-title
	{
	width: calc(100% + 1px)
}

.ant-menu-inline .ant-menu-submenu-title {
	padding-right: 34px
}

.ant-menu-inline-collapsed {
	width: 80px
}

.ant-menu-inline-collapsed>.ant-menu-item, .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,
	.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title {
	left: 0;
	text-overflow: clip;
	padding: 0 32px !important
}

.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow,
	.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,
	.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow
	{
	display: none
}

.ant-menu-inline-collapsed>.ant-menu-item .anticon,
	.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,
	.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon
	{
	font-size: 16px;
	line-height: 40px;
	margin: 0
}

.ant-menu-inline-collapsed>.ant-menu-item .anticon+span,
	.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,
	.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span
	{
	max-width: 0;
	display: inline-block;
	opacity: 0
}

.ant-menu-inline-collapsed-tooltip {
	pointer-events: none
}

.ant-menu-inline-collapsed-tooltip .anticon {
	display: none
}

.ant-menu-inline-collapsed-tooltip a {
	color: rgba(255, 255, 255, .85)
}

.ant-menu-inline-collapsed .ant-menu-item-group-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 4px;
	padding-right: 4px
}

.ant-menu-item-group-list {
	margin: 0;
	padding: 0
}

.ant-menu-item-group-list .ant-menu-item, .ant-menu-item-group-list .ant-menu-submenu-title
	{
	width: auto;
	padding: 0 16px 0 28px
}

.ant-menu-root.ant-menu-inline, .ant-menu-root.ant-menu-vertical,
	.ant-menu-root.ant-menu-vertical-left, .ant-menu-root.ant-menu-vertical-right
	{
	box-shadow: none
}

.ant-menu-sub.ant-menu-inline {
	padding: 0;
	border: 0;
	box-shadow: none;
	border-radius: 0
}

.ant-menu-sub.ant-menu-inline>.ant-menu-item, .ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title
	{
	width: auto;
	line-height: 40px;
	height: 40px;
	list-style-type: disc;
	list-style-position: inside
}

.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
	padding-left: 32px
}

.ant-menu-item-disabled, .ant-menu-submenu-disabled {
	color: rgba(0, 0, 0, .25) !important;
	cursor: not-allowed;
	background: 0 0;
	border-color: transparent !important
}

.ant-menu-item-disabled>a, .ant-menu-submenu-disabled>a {
	color: rgba(0, 0, 0, .25) !important;
	pointer-events: none
}

.ant-menu-item-disabled>.ant-menu-submenu-title,
	.ant-menu-submenu-disabled>.ant-menu-submenu-title {
	color: rgba(0, 0, 0, .25) !important;
	cursor: not-allowed
}

.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,
	.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before
	{
	background: rgba(0, 0, 0, .25) !important
}

.ant-dropdown-menu-item>a {
	color: inherit
}

.ant-menu-dark, .ant-menu-dark .ant-menu-sub {
	color: rgba(255, 255, 255, .65);
	background: #001529
}

.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow {
	opacity: .45;
	transition: all .3s
}

.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow:before {
	background: #fff
}

.ant-menu-dark.ant-menu-submenu-popup {
	background: 0 0
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
	background: #000c17;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .45) inset
}

.ant-menu-dark.ant-menu-horizontal {
	border-bottom: 0
}

.ant-menu-dark.ant-menu-horizontal>.ant-menu-item, .ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu
	{
	border-color: #001529;
	border-bottom: 0;
	top: 0;
	margin-top: 0
}

.ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a:before {
	bottom: 0
}

.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title,
	.ant-menu-dark .ant-menu-item>a {
	color: rgba(255, 255, 255, .65)
}

.ant-menu-dark.ant-menu-inline, .ant-menu-dark.ant-menu-vertical,
	.ant-menu-dark.ant-menu-vertical-left, .ant-menu-dark.ant-menu-vertical-right
	{
	border-right: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item,
	.ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item
	{
	border-right: 0;
	margin-left: 0;
	left: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item:after, .ant-menu-dark.ant-menu-vertical .ant-menu-item:after,
	.ant-menu-dark.ant-menu-vertical-left .ant-menu-item:after,
	.ant-menu-dark.ant-menu-vertical-right .ant-menu-item:after {
	border-right: 0
}

.ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title
	{
	width: 100%
}

.ant-menu-dark .ant-menu-item-active, .ant-menu-dark .ant-menu-item:hover,
	.ant-menu-dark .ant-menu-submenu-active, .ant-menu-dark .ant-menu-submenu-open,
	.ant-menu-dark .ant-menu-submenu-selected, .ant-menu-dark .ant-menu-submenu-title:hover
	{
	background-color: transparent;
	color: #fff
}

.ant-menu-dark .ant-menu-item-active>a, .ant-menu-dark .ant-menu-item:hover>a,
	.ant-menu-dark .ant-menu-submenu-active>a, .ant-menu-dark .ant-menu-submenu-open>a,
	.ant-menu-dark .ant-menu-submenu-selected>a, .ant-menu-dark .ant-menu-submenu-title:hover>a
	{
	color: #fff
}

.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
	.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow
	{
	opacity: 1
}

.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before
	{
	background: #fff
}

.ant-menu-dark .ant-menu-item-selected {
	border-right: 0;
	color: #fff
}

.ant-menu-dark .ant-menu-item-selected:after {
	border-right: 0
}

.ant-menu-dark .ant-menu-item-selected>a, .ant-menu-dark .ant-menu-item-selected>a:hover
	{
	color: #fff
}

.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected, .ant-menu.ant-menu-dark .ant-menu-item-selected
	{
	background-color: #e5e5e5
}

.ant-menu-dark .ant-menu-item-disabled, .ant-menu-dark .ant-menu-item-disabled>a,
	.ant-menu-dark .ant-menu-submenu-disabled, .ant-menu-dark .ant-menu-submenu-disabled>a
	{
	opacity: .8;
	color: rgba(255, 255, 255, .35) !important
}

.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,
	.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title {
	color: rgba(255, 255, 255, .35) !important
}

.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before,
	.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:after,
	.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow:before
	{
	background: rgba(255, 255, 255, .35) !important
}

.ant-pagination {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none
}

.ant-pagination ol, .ant-pagination ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.ant-pagination:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden
}

.ant-pagination-total-text {
	display: inline-block;
	vertical-align: middle;
	height: 32px;
	line-height: 30px;
	margin-right: 8px
}

.ant-pagination-item {
	cursor: pointer;
	border-radius: 4px;
	user-select: none;
	height: 32px;
	line-height: 30px;
	text-align: center;
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	margin-right: 8px;
	font-family: Arial;
	outline: 0
}

.ant-pagination-item a {
	text-decoration: none;
	color: rgba(0, 0, 0, .65);
	transition: none
}

.ant-pagination-item:focus, .ant-pagination-item:hover {
	border-color: #333;
	font-weight: 700
}

.ant-pagination-item:focus a, .ant-pagination-item:hover a {
	color: #333
}

.ant-pagination-item-active {
	border-color: #333;
	font-weight: 700
}

.ant-pagination-item-active a {
	color: #333
}

.ant-pagination-item-active:focus, .ant-pagination-item-active:hover {
	border-color: #333;
	font-weight: 700
}

.ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a
	{
	color: #333
}

.ant-pagination-jump-next, .ant-pagination-jump-prev {
	outline: 0
}

.ant-pagination-jump-next:after, .ant-pagination-jump-prev:after {
	content: "•••";
	display: block;
	letter-spacing: 2px;
	color: rgba(0, 0, 0, .25);
	text-align: center
}

.ant-pagination-jump-next:focus:after, .ant-pagination-jump-next:hover:after,
	.ant-pagination-jump-prev:focus:after, .ant-pagination-jump-prev:hover:after
	{
	color: grey;
	display: inline-block;
	font-size: 12px;
	transform: scale(.66666667) rotate(0);
	letter-spacing: -1px;
	font-family: anticon
}

:root .ant-pagination-jump-next:focus:after, :root .ant-pagination-jump-next:hover:after,
	:root .ant-pagination-jump-prev:focus:after, :root .ant-pagination-jump-prev:hover:after
	{
	font-size: 12px
}

.ant-pagination-jump-prev:focus:after, .ant-pagination-jump-prev:hover:after
	{
	content: "\e620\e620"
}

.ant-pagination-jump-next:focus:after, .ant-pagination-jump-next:hover:after
	{
	content: "\e61f\e61f"
}

.ant-pagination-jump-next, .ant-pagination-jump-prev,
	.ant-pagination-prev {
	margin-right: 8px
}

.ant-pagination-jump-next, .ant-pagination-jump-prev,
	.ant-pagination-next, .ant-pagination-prev {
	font-family: Arial;
	cursor: pointer;
	color: rgba(0, 0, 0, .65);
	border-radius: 4px;
	list-style: none;
	text-align: center;
	display: inline-block;
	vertical-align: middle
}

.ant-pagination-next, .ant-pagination-prev {
	outline: 0
}

.ant-pagination-next a, .ant-pagination-prev a {
	color: inherit;
	user-select: none
}

.ant-pagination-next:hover a, .ant-pagination-prev:hover a {
	border-color: #8c8484
}

.ant-pagination-next .ant-pagination-item-link, .ant-pagination-prev .ant-pagination-item-link
	{
	border-radius: 4px;
	outline: 0;
	display: block
}

.ant-pagination-next .ant-pagination-item-link:after,
	.ant-pagination-prev .ant-pagination-item-link:after {
	font-size: 12px;
	display: block;
	height: 30px;
	font-family: anticon;
	text-align: center;
	font-weight: 700
}

.ant-pagination-next:focus .ant-pagination-item-link,
	.ant-pagination-next:hover .ant-pagination-item-link,
	.ant-pagination-prev:focus .ant-pagination-item-link,
	.ant-pagination-prev:hover .ant-pagination-item-link {
	border-color: grey;
	color: grey;
	border-color: #333 !important;
	color: #333 !important
}

.ant-pagination-prev .ant-pagination-item-link:after {
	content: "\e620";
	display: block
}

.ant-pagination-next .ant-pagination-item-link:after {
	content: "\e61f";
	display: block
}

.ant-pagination-disabled, .ant-pagination-disabled:focus,
	.ant-pagination-disabled:hover {
	cursor: not-allowed
}

.ant-pagination-disabled .ant-pagination-item-link,
	.ant-pagination-disabled a, .ant-pagination-disabled:focus .ant-pagination-item-link,
	.ant-pagination-disabled:focus a, .ant-pagination-disabled:hover .ant-pagination-item-link,
	.ant-pagination-disabled:hover a {
	opacity: .3;
	cursor: not-allowed
}

.ant-pagination-slash {
	margin: 0 10px 0 5px
}

.ant-pagination-options {
	display: inline-block;
	vertical-align: middle;
	margin-left: 16px
}

.ant-pagination-options-size-changer.ant-select {
	display: inline-block;
	margin-right: 8px
}

.ant-pagination-options-quick-jumper {
	display: inline-block;
	vertical-align: top
}

.ant-pagination-options-quick-jumper input {
	position: relative;
	display: inline-block;
	padding: 4px 11px;
	width: 100%;
	height: 32px;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	background-color: #fff;
	background-image: none;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	margin: 0 8px;
	width: 50px
}

.ant-pagination-options-quick-jumper input::-moz-placeholder {
	color: #bfbfbf;
	opacity: 1
}

.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
	color: #bfbfbf
}

.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
	color: #bfbfbf
}

.ant-pagination-options-quick-jumper input:hover {
	border-color: #8c8484;
	border-right-width: 1px !important
}

.ant-pagination-options-quick-jumper input:focus {
	border-color: #8c8484;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(128, 128, 128, .2);
	border-right-width: 1px !important
}

.ant-pagination-options-quick-jumper input-disabled {
	background-color: #f5f5f5;
	opacity: 1;
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25)
}

.ant-pagination-options-quick-jumper input-disabled:hover {
	border-color: #e6d8d8;
	border-right-width: 1px !important
}

textarea.ant-pagination-options-quick-jumper input {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	transition: all .3s, height 0s;
	min-height: 32px
}

.ant-pagination-options-quick-jumper input-lg {
	padding: 6px 11px;
	height: 40px;
	font-size: 14px 2px
}

.ant-pagination-options-quick-jumper input-sm {
	padding: 1px 7px;
	height: 24px
}

.ant-pagination-options-quick-jumper input:focus,
	.ant-pagination-options-quick-jumper input:hover {
	border-color: #333
}

.ant-pagination-options-quick-jumper input:focus {
	box-shadow: 0 0 0 2px rgba(150, 150, 150, .2)
}

.ant-pagination-simple .ant-pagination-next, .ant-pagination-simple .ant-pagination-prev
	{
	height: 24px;
	line-height: 24px;
	vertical-align: top
}

.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,
	.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link {
	border: 0;
	height: 24px
}

.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after,
	.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after
	{
	height: 24px;
	line-height: 24px
}

.ant-pagination-simple .ant-pagination-simple-pager {
	display: inline-block;
	margin-right: 8px;
	height: 24px
}

.ant-pagination-simple .ant-pagination-simple-pager input {
	margin-right: 8px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	outline: 0;
	padding: 0 6px;
	height: 100%;
	text-align: center;
	transition: border-color .3s
}

.ant-pagination-simple .ant-pagination-simple-pager input:hover {
	border-color: grey
}

.ant-pagination.mini .ant-pagination-simple-pager, .ant-pagination.mini .ant-pagination-total-text
	{
	height: 24px;
	line-height: 24px
}

.ant-pagination.mini .ant-pagination-item {
	margin: 0;
	height: 24px;
	line-height: 22px
}

.ant-pagination.mini .ant-pagination-item:not (.ant-pagination-item-active
	){
	background: 0 0;
	border-color: transparent
}

.ant-pagination.mini .ant-pagination-next, .ant-pagination.mini .ant-pagination-prev
	{
	margin: 0;
	height: 24px;
	line-height: 24px
}

.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link,
	.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link {
	border-color: transparent;
	background: 0 0
}

.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after,
	.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after
	{
	height: 24px;
	line-height: 24px
}

.ant-pagination.mini .ant-pagination-jump-next, .ant-pagination.mini .ant-pagination-jump-prev
	{
	height: 24px;
	line-height: 24px;
	margin-right: 0
}

.ant-pagination.mini .ant-pagination-options {
	margin-left: 2px
}

.ant-pagination.mini .ant-pagination-options-quick-jumper {
	height: 24px;
	line-height: 24px
}

.ant-pagination.mini .ant-pagination-options-quick-jumper input {
	padding: 1px 7px;
	height: 24px;
	width: 44px
}

@media only screen and (max-width:992px) {
	.ant-pagination-item-after-jump-prev,
		.ant-pagination-item-before-jump-next {
		display: none
	}
}

@media only screen and (max-width:576px) {
	.ant-pagination-options {
		display: none
	}
}

.ant-cascader {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none
}

.ant-cascader-input.ant-input {
	cursor: pointer;
	width: 100%;
	position: static;
	height: 100%
}

.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
	position: relative
}

.ant-cascader-picker {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	cursor: pointer;
	background-color: #fff;
	border-radius: 4px;
	outline: 0;
	transition: color .3s
}

.ant-cascader-picker-with-value .ant-cascader-picker-label {
	color: transparent
}

.ant-cascader-picker-disabled {
	cursor: not-allowed;
	background: #f5f5f5;
	color: rgba(0, 0, 0, .25)
}

.ant-cascader-picker-disabled .ant-cascader-input {
	cursor: not-allowed
}

.ant-cascader-picker:focus .ant-cascader-input {
	border-color: #8c8484;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(128, 128, 128, .2);
	border-right-width: 1px !important
}

.ant-cascader-picker-show-search.ant-cascader-picker-focused {
	color: rgba(0, 0, 0, .25)
}

.ant-cascader-picker-label {
	position: absolute;
	left: 0;
	height: 20px;
	line-height: 20px;
	top: 50%;
	margin-top: -10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	padding: 0 12px;
	pointer-events: none
}

.ant-cascader-picker-clear {
	opacity: 0;
	position: absolute;
	right: 12px;
	z-index: 2;
	background: #fff;
	top: 50%;
	font-size: 12px;
	color: rgba(0, 0, 0, .25);
	width: 12px;
	height: 12px;
	margin-top: -6px;
	line-height: 12px;
	cursor: pointer;
	transition: color .3s ease, opacity .15s ease
}

.ant-cascader-picker-clear:hover {
	color: rgba(0, 0, 0, .45)
}

.ant-cascader-picker:hover .ant-cascader-picker-clear {
	opacity: 1
}

.ant-cascader-picker-arrow {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	font-size: 12px;
	margin-top: -6px;
	line-height: 12px;
	color: rgba(0, 0, 0, .25)
}

.ant-cascader-picker-arrow:before {
	transition: transform .2s
}

.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand:before {
	transform: rotate(180deg)
}

.ant-cascader-picker-small .ant-cascader-picker-arrow,
	.ant-cascader-picker-small .ant-cascader-picker-clear {
	right: 8px
}

.ant-cascader-menus {
	font-size: 14px;
	background: #fff;
	position: absolute;
	z-index: 1050;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	white-space: nowrap
}

.ant-cascader-menus ol, .ant-cascader-menus ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.ant-cascader-menus-empty, .ant-cascader-menus-hidden {
	display: none
}

.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft,
	.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft
	{
	animation-name: antSlideUpIn
}

.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft,
	.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft
	{
	animation-name: antSlideDownIn
}

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft
	{
	animation-name: antSlideUpOut
}

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft
	{
	animation-name: antSlideDownOut
}

.ant-cascader-menu {
	display: inline-block;
	vertical-align: top;
	min-width: 111px;
	height: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: 1px solid #e8e8e8;
	overflow: auto
}

.ant-cascader-menu:first-child {
	border-radius: 4px 0 0 4px
}

.ant-cascader-menu:last-child {
	border-right-color: transparent;
	margin-right: -1px;
	border-radius: 0 4px 4px 0
}

.ant-cascader-menu:only-child {
	border-radius: 4px
}

.ant-cascader-menu-item {
	padding: 5px 12px;
	line-height: 22px;
	cursor: pointer;
	white-space: nowrap;
	transition: all .3s
}

.ant-cascader-menu-item:hover {
	background: #ccc
}

.ant-cascader-menu-item-disabled {
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25)
}

.ant-cascader-menu-item-disabled:hover {
	background: 0 0
}

.ant-cascader-menu-item-active:not (.ant-cascader-menu-item-disabled ),
	.ant-cascader-menu-item-active:not (.ant-cascader-menu-item-disabled ):hover
	{
	background: #f5f5f5;
	font-weight: 600
}

.ant-cascader-menu-item-expand {
	position: relative;
	padding-right: 24px
}

.ant-cascader-menu-item-expand:after {
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e61f";
	display: inline-block;
	font-size: 12px;
	transform: scale(.66666667) rotate(0);
	color: rgba(0, 0, 0, .45);
	position: absolute;
	right: 12px
}

:root .ant-cascader-menu-item-expand:after {
	font-size: 12px
}

.ant-cascader-menu-item-loading:after {
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e64d";
	animation: loadingCircle 1s infinite linear
}

.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
	color: #f5222d
}

@
keyframes antCheckboxEffect { 0%{
	transform: scale(1);
	opacity: .5
}

100%{
transform
:scale
(1
.6
);opacity
:
0
}
}
.ant-checkbox {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	cursor: pointer;
	outline: 0;
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: middle;
	top: -.09em
}

.ant-checkbox-input:focus+.ant-checkbox-inner, .ant-checkbox-wrapper:hover .ant-checkbox-inner,
	.ant-checkbox:hover .ant-checkbox-inner {
	border-color: #e5e5e5
}

.ant-checkbox-checked:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	border: 1px solid #e5e5e5;
	content: '';
	animation: antCheckboxEffect .36s ease-in-out;
	animation-fill-mode: both;
	visibility: hidden
}

.ant-checkbox-wrapper:hover .ant-checkbox:after, .ant-checkbox:hover:after
	{
	visibility: visible
}

.ant-checkbox-inner {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	transition: all .3s
}

.ant-checkbox-inner:after {
	transform: rotate(45deg) scale(0);
	position: absolute;
	left: 4.57142857px;
	top: 1.14285714px;
	display: table;
	width: 5.71428571px;
	height: 9.14285714px;
	border: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	content: ' ';
	transition: all .1s cubic-bezier(.71, -.46, .88, .6)
}

.ant-checkbox-input {
	position: absolute;
	left: 0;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.ant-checkbox-indeterminate .ant-checkbox-inner:after {
	content: ' ';
	transform: scale(1);
	position: absolute;
	left: 2.42857143px;
	top: 6.92857143px;
	width: 9.14285714px;
	height: .14285714px
}

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after
	{
	border-color: rgba(0, 0, 0, .25)
}

.ant-checkbox-checked .ant-checkbox-inner:after {
	transform: rotate(45deg) scale(1);
	position: absolute;
	display: table;
	border: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	content: ' ';
	transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s
}

.ant-checkbox-checked .ant-checkbox-inner, .ant-checkbox-indeterminate .ant-checkbox-inner
	{
	background-color: #e5e5e5;
	border-color: #e5e5e5
}

.ant-checkbox-disabled {
	cursor: not-allowed
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
	animation-name: none;
	border-color: rgba(0, 0, 0, .25)
}

.ant-checkbox-disabled .ant-checkbox-input {
	cursor: not-allowed
}

.ant-checkbox-disabled .ant-checkbox-inner {
	border-color: #d9d9d9 !important;
	background-color: #f5f5f5
}

.ant-checkbox-disabled .ant-checkbox-inner:after {
	animation-name: none;
	border-color: #f5f5f5
}

.ant-checkbox-disabled+span {
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

.ant-checkbox-wrapper {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: unset;
	cursor: pointer;
	display: inline-block;
	color: inherit;
	font-size: inherit
}

.ant-checkbox-wrapper.is-vertical {
	display: block
}

.ant-checkbox-wrapper+.ant-checkbox-wrapper {
	margin-left: 8px
}

.ant-checkbox+span, .ant-checkbox-wrapper+span {
	padding-left: 8px;
	padding-right: 8px
}

.ant-checkbox-group {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block
}

.ant-checkbox-group-item {
	display: inline-block;
	margin-right: 8px
}

.ant-checkbox-group-item:last-child {
	margin-right: 0
}

.ant-checkbox-group-item+.ant-checkbox-group-item {
	margin-left: 0
}

.ant-calendar-picker-container {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: 1050
}

.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
	.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight,
	.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
	.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight
	{
	animation-name: antSlideDownIn
}

.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
	.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight,
	.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
	.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight
	{
	animation-name: antSlideUpIn
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
	.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight
	{
	animation-name: antSlideDownOut
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
	.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight
	{
	animation-name: antSlideUpOut
}

.ant-calendar-picker {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	outline: 0;
	transition: opacity .3s
}

.ant-calendar-picker-input {
	outline: 0;
	height: 100%
}

.ant-calendar-picker:hover .ant-calendar-picker-input:not (.ant-input-disabled
	){
	border-color: grey
}

.ant-calendar-picker:focus .ant-calendar-picker-input:not (.ant-input-disabled
	){
	border-color: #8c8484;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(128, 128, 128, .2);
	border-right-width: 1px !important
}

.ant-calendar-picker-clear, .ant-calendar-picker-icon {
	position: absolute;
	width: 14px;
	height: 14px;
	right: 12px;
	top: 50%;
	margin-top: -7px;
	line-height: 14px;
	font-size: 12px;
	user-select: none
}

.ant-calendar-picker-clear {
	opacity: 0;
	z-index: 1;
	color: rgba(0, 0, 0, .25);
	background: #fff;
	pointer-events: none;
	cursor: pointer
}

.ant-calendar-picker-clear:hover {
	color: rgba(0, 0, 0, .45)
}

.ant-calendar-picker:hover .ant-calendar-picker-clear {
	opacity: 1;
	pointer-events: auto
}

.ant-calendar-picker-icon {
	color: rgba(0, 0, 0, .25)
}

.ant-calendar-picker-icon:after {
	content: "\e6bb";
	font-family: anticon;
	display: inline-block;
	line-height: 1
}

.ant-calendar-picker-small .ant-calendar-picker-clear,
	.ant-calendar-picker-small .ant-calendar-picker-icon {
	right: 8px
}

.ant-calendar {
	position: relative;
	outline: 0;
	width: 280px;
	border: 1px solid #fff;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	background-clip: padding-box;
	line-height: 1.5
}

.ant-calendar-input-wrap {
	height: 34px;
	padding: 6px 10px;
	border-bottom: 1px solid #e8e8e8;
	line-height: 34px
}

.ant-calendar-input {
	border: 0;
	width: 100%;
	cursor: auto;
	outline: 0;
	height: 22px;
	color: rgba(0, 0, 0, .65);
	background: #fff;
	font-size: 14px
}

.ant-calendar-input::-moz-placeholder {
	color: #bfbfbf;
	opacity: 1
}

.ant-calendar-input:-ms-input-placeholder {
	color: #bfbfbf
}

.ant-calendar-input::-webkit-input-placeholder {
	color: #bfbfbf
}

.ant-calendar-week-number {
	width: 286px
}

.ant-calendar-week-number-cell {
	text-align: center
}

.ant-calendar-header {
	height: 40px;
	line-height: 40px;
	text-align: center;
	user-select: none;
	border-bottom: 1px solid #e8e8e8
}

.ant-calendar-header a:hover {
	color: #8c8484
}

.ant-calendar-header .ant-calendar-century-select, .ant-calendar-header .ant-calendar-decade-select,
	.ant-calendar-header .ant-calendar-month-select, .ant-calendar-header .ant-calendar-year-select
	{
	padding: 0 2px;
	font-weight: 500;
	display: inline-block;
	color: rgba(0, 0, 0, .85);
	line-height: 40px
}

.ant-calendar-header .ant-calendar-century-select-arrow,
	.ant-calendar-header .ant-calendar-decade-select-arrow,
	.ant-calendar-header .ant-calendar-month-select-arrow,
	.ant-calendar-header .ant-calendar-year-select-arrow {
	display: none
}

.ant-calendar-header .ant-calendar-next-century-btn,
	.ant-calendar-header .ant-calendar-next-decade-btn,
	.ant-calendar-header .ant-calendar-next-month-btn, .ant-calendar-header .ant-calendar-next-year-btn,
	.ant-calendar-header .ant-calendar-prev-century-btn,
	.ant-calendar-header .ant-calendar-prev-decade-btn,
	.ant-calendar-header .ant-calendar-prev-month-btn, .ant-calendar-header .ant-calendar-prev-year-btn
	{
	position: absolute;
	top: 0;
	color: rgba(0, 0, 0, .45);
	font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei",
		"Microsoft Sans Serif", sans-serif;
	padding: 0 5px;
	font-size: 16px;
	display: inline-block;
	line-height: 40px
}

.ant-calendar-header .ant-calendar-prev-century-btn,
	.ant-calendar-header .ant-calendar-prev-decade-btn,
	.ant-calendar-header .ant-calendar-prev-year-btn {
	left: 7px
}

.ant-calendar-header .ant-calendar-prev-century-btn:after,
	.ant-calendar-header .ant-calendar-prev-decade-btn:after,
	.ant-calendar-header .ant-calendar-prev-year-btn:after {
	content: '«'
}

.ant-calendar-header .ant-calendar-next-century-btn,
	.ant-calendar-header .ant-calendar-next-decade-btn,
	.ant-calendar-header .ant-calendar-next-year-btn {
	right: 7px
}

.ant-calendar-header .ant-calendar-next-century-btn:after,
	.ant-calendar-header .ant-calendar-next-decade-btn:after,
	.ant-calendar-header .ant-calendar-next-year-btn:after {
	content: '»'
}

.ant-calendar-header .ant-calendar-prev-month-btn {
	left: 29px
}

.ant-calendar-header .ant-calendar-prev-month-btn:after {
	content: '‹'
}

.ant-calendar-header .ant-calendar-next-month-btn {
	right: 29px
}

.ant-calendar-header .ant-calendar-next-month-btn:after {
	content: '›'
}

.ant-calendar-body {
	padding: 8px 12px
}

.ant-calendar table {
	border-collapse: collapse;
	max-width: 100%;
	background-color: transparent;
	width: 100%
}

.ant-calendar table, .ant-calendar td, .ant-calendar th {
	border: 0;
	text-align: center
}

.ant-calendar-calendar-table {
	border-spacing: 0;
	margin-bottom: 0
}

.ant-calendar-column-header {
	line-height: 18px;
	width: 33px;
	padding: 6px 0;
	text-align: center
}

.ant-calendar-column-header .ant-calendar-column-header-inner {
	display: block;
	font-weight: 400
}

.ant-calendar-week-number-header .ant-calendar-column-header-inner {
	display: none
}

.ant-calendar-cell {
	padding: 3px 0;
	height: 30px
}

.ant-calendar-date {
	display: block;
	margin: 0 auto;
	color: rgba(0, 0, 0, .65);
	border-radius: 2px;
	width: 24px;
	height: 24px;
	line-height: 22px;
	border: 1px solid transparent;
	padding: 0;
	background: 0 0;
	text-align: center;
	transition: background .3s ease
}

.ant-calendar-date-panel {
	position: relative
}

.ant-calendar-date:hover {
	background: #ccc;
	cursor: pointer
}

.ant-calendar-date:active {
	color: #fff;
	background: #8c8484
}

.ant-calendar-today .ant-calendar-date {
	border-color: grey;
	font-weight: 700;
	color: grey
}

.ant-calendar-last-month-cell .ant-calendar-date,
	.ant-calendar-next-month-btn-day .ant-calendar-date {
	color: rgba(0, 0, 0, .25)
}

.ant-calendar-selected-day .ant-calendar-date {
	background: #e6e6e6
}

.ant-calendar-selected-date .ant-calendar-date,
	.ant-calendar-selected-end-date .ant-calendar-date,
	.ant-calendar-selected-start-date .ant-calendar-date {
	background: grey;
	color: #fff;
	border: 1px solid transparent
}

.ant-calendar-selected-date .ant-calendar-date:hover,
	.ant-calendar-selected-end-date .ant-calendar-date:hover,
	.ant-calendar-selected-start-date .ant-calendar-date:hover {
	background: grey
}

.ant-calendar-disabled-cell .ant-calendar-date {
	cursor: not-allowed;
	color: #bcbcbc;
	background: #f5f5f5;
	border-radius: 0;
	width: auto;
	border: 1px solid transparent
}

.ant-calendar-disabled-cell .ant-calendar-date:hover {
	background: #f5f5f5
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
	position: relative;
	margin-right: 5px;
	padding-left: 5px
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before
	{
	content: " ";
	position: absolute;
	top: -1px;
	left: 5px;
	width: 24px;
	height: 24px;
	border: 1px solid #bcbcbc;
	border-radius: 2px
}

.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.ant-calendar-footer {
	border-top: 1px solid #e8e8e8;
	line-height: 38px;
	padding: 0 12px
}

.ant-calendar-footer:empty {
	border-top: 0
}

.ant-calendar-footer-btn {
	text-align: center;
	display: block
}

.ant-calendar-footer-extra+.ant-calendar-footer-btn {
	border-top: 1px solid #e8e8e8;
	margin: 0 -12px;
	padding: 0 12px
}

.ant-calendar .ant-calendar-clear-btn, .ant-calendar .ant-calendar-today-btn
	{
	display: inline-block;
	text-align: center;
	margin: 0 0 0 8px
}

.ant-calendar .ant-calendar-clear-btn-disabled, .ant-calendar .ant-calendar-today-btn-disabled
	{
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

.ant-calendar .ant-calendar-clear-btn:only-child, .ant-calendar .ant-calendar-today-btn:only-child
	{
	margin: 0
}

.ant-calendar .ant-calendar-clear-btn {
	display: none;
	position: absolute;
	right: 5px;
	text-indent: -76px;
	overflow: hidden;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	top: 7px;
	margin: 0
}

.ant-calendar .ant-calendar-clear-btn:after {
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e62e";
	font-size: 14px;
	color: rgba(0, 0, 0, .25);
	display: inline-block;
	line-height: 1;
	width: 20px;
	text-indent: 43px;
	transition: color .3s ease
}

.ant-calendar .ant-calendar-clear-btn:hover:after {
	color: rgba(0, 0, 0, .45)
}

.ant-calendar .ant-calendar-ok-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 0 15px;
	height: 32px;
	user-select: none;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	position: relative;
	color: #fff;
	background-color: grey;
	border-color: grey;
	padding: 0 7px;
	font-size: 14px;
	border-radius: 4px;
	height: 24px;
	line-height: 22px
}

.ant-calendar .ant-calendar-ok-btn>.anticon {
	line-height: 1
}

.ant-calendar .ant-calendar-ok-btn, .ant-calendar .ant-calendar-ok-btn:active,
	.ant-calendar .ant-calendar-ok-btn:focus {
	outline: 0
}

.ant-calendar .ant-calendar-ok-btn:not ([disabled] ):hover {
	text-decoration: none
}

.ant-calendar .ant-calendar-ok-btn:not ([disabled] ):active {
	outline: 0;
	transition: none
}

.ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn[disabled]
	{
	cursor: not-allowed
}

.ant-calendar .ant-calendar-ok-btn.disabled>*, .ant-calendar .ant-calendar-ok-btn[disabled]>*
	{
	pointer-events: none
}

.ant-calendar .ant-calendar-ok-btn-lg {
	padding: 0 15px;
	font-size: 14px 2px;
	border-radius: 4px;
	height: 40px
}

.ant-calendar .ant-calendar-ok-btn-sm {
	padding: 0 7px;
	font-size: 14px;
	border-radius: 4px;
	height: 24px
}

.ant-calendar .ant-calendar-ok-btn>a:only-child {
	color: currentColor
}

.ant-calendar .ant-calendar-ok-btn>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-calendar .ant-calendar-ok-btn:focus, .ant-calendar .ant-calendar-ok-btn:hover
	{
	color: #fff;
	background-color: #8c8484;
	border-color: #8c8484
}

.ant-calendar .ant-calendar-ok-btn:focus>a:only-child, .ant-calendar .ant-calendar-ok-btn:hover>a:only-child
	{
	color: currentColor
}

.ant-calendar .ant-calendar-ok-btn:focus>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn:hover>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-calendar .ant-calendar-ok-btn.active, .ant-calendar .ant-calendar-ok-btn:active
	{
	color: #fff;
	background-color: #595454;
	border-color: #595454
}

.ant-calendar .ant-calendar-ok-btn.active>a:only-child, .ant-calendar .ant-calendar-ok-btn:active>a:only-child
	{
	color: currentColor
}

.ant-calendar .ant-calendar-ok-btn.active>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn:active>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-calendar .ant-calendar-ok-btn.disabled, .ant-calendar .ant-calendar-ok-btn.disabled.active,
	.ant-calendar .ant-calendar-ok-btn.disabled:active, .ant-calendar .ant-calendar-ok-btn.disabled:focus,
	.ant-calendar .ant-calendar-ok-btn.disabled:hover, .ant-calendar .ant-calendar-ok-btn[disabled],
	.ant-calendar .ant-calendar-ok-btn[disabled].active, .ant-calendar .ant-calendar-ok-btn[disabled]:active,
	.ant-calendar .ant-calendar-ok-btn[disabled]:focus, .ant-calendar .ant-calendar-ok-btn[disabled]:hover
	{
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child,
	.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child,
	.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child,
	.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child,
	.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child, .ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child,
	.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child,
	.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child,
	.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child,
	.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child {
	color: currentColor
}

.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child:after,
	.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-calendar .ant-calendar-ok-btn-disabled {
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9;
	cursor: not-allowed
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child {
	color: currentColor
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-calendar .ant-calendar-ok-btn-disabled:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child {
	color: currentColor
}

.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-calendar-range-picker-input {
	background-color: transparent;
	border: 0;
	height: 99%;
	outline: 0;
	width: 44%;
	text-align: center
}

.ant-calendar-range-picker-input::-moz-placeholder {
	color: #bfbfbf;
	opacity: 1
}

.ant-calendar-range-picker-input:-ms-input-placeholder {
	color: #bfbfbf
}

.ant-calendar-range-picker-input::-webkit-input-placeholder {
	color: #bfbfbf
}

.ant-calendar-range-picker-input[disabled] {
	cursor: not-allowed
}

.ant-calendar-range-picker-separator {
	color: rgba(0, 0, 0, .45);
	width: 10px;
	display: inline-block;
	height: 100%;
	vertical-align: text-top
}

.ant-calendar-range {
	width: 552px;
	overflow: hidden
}

.ant-calendar-range .ant-calendar-date-panel::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.ant-calendar-range-part {
	width: 50%;
	position: relative
}

.ant-calendar-range-left {
	float: left
}

.ant-calendar-range-left .ant-calendar-time-picker-inner {
	border-right: 1px solid #e8e8e8
}

.ant-calendar-range-right {
	float: right
}

.ant-calendar-range-right .ant-calendar-time-picker-inner {
	border-left: 1px solid #e8e8e8
}

.ant-calendar-range-middle {
	position: absolute;
	left: 50%;
	width: 20px;
	margin-left: -132px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	color: rgba(0, 0, 0, .45)
}

.ant-calendar-range-right .ant-calendar-date-input-wrap {
	margin-left: -118px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
	margin-left: -12px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap
	{
	margin-left: 0
}

.ant-calendar-range .ant-calendar-input-wrap {
	position: relative;
	height: 34px
}

.ant-calendar-range .ant-calendar-input, .ant-calendar-range .ant-calendar-time-picker-input
	{
	position: relative;
	display: inline-block;
	padding: 4px 11px;
	width: 100%;
	height: 32px;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	background-color: #fff;
	background-image: none;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	transition: all .3s;
	height: 24px;
	border: 0;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0
}

.ant-calendar-range .ant-calendar-input::-moz-placeholder,
	.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
	color: #bfbfbf;
	opacity: 1
}

.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
	.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder
	{
	color: #bfbfbf
}

.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
	.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder
	{
	color: #bfbfbf
}

.ant-calendar-range .ant-calendar-input:hover, .ant-calendar-range .ant-calendar-time-picker-input:hover
	{
	border-color: #8c8484;
	border-right-width: 1px !important
}

.ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus
	{
	border-color: #8c8484;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(128, 128, 128, .2);
	border-right-width: 1px !important
}

.ant-calendar-range .ant-calendar-input-disabled, .ant-calendar-range .ant-calendar-time-picker-input-disabled
	{
	background-color: #f5f5f5;
	opacity: 1;
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25)
}

.ant-calendar-range .ant-calendar-input-disabled:hover,
	.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
	border-color: #e6d8d8;
	border-right-width: 1px !important
}

textarea.ant-calendar-range .ant-calendar-input, textarea.ant-calendar-range .ant-calendar-time-picker-input
	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	transition: all .3s, height 0s;
	min-height: 32px
}

.ant-calendar-range .ant-calendar-input-lg, .ant-calendar-range .ant-calendar-time-picker-input-lg
	{
	padding: 6px 11px;
	height: 40px;
	font-size: 14px 2px
}

.ant-calendar-range .ant-calendar-input-sm, .ant-calendar-range .ant-calendar-time-picker-input-sm
	{
	padding: 1px 7px;
	height: 24px
}

.ant-calendar-range .ant-calendar-input:focus, .ant-calendar-range .ant-calendar-time-picker-input:focus
	{
	box-shadow: none
}

.ant-calendar-range .ant-calendar-time-picker-icon {
	display: none
}

.ant-calendar-range.ant-calendar-week-number {
	width: 574px
}

.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
	width: 286px
}

.ant-calendar-range .ant-calendar-decade-panel, .ant-calendar-range .ant-calendar-month-panel,
	.ant-calendar-range .ant-calendar-year-panel {
	top: 34px
}

.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
	top: 0
}

.ant-calendar-range .ant-calendar-decade-panel-table,
	.ant-calendar-range .ant-calendar-month-panel-table,
	.ant-calendar-range .ant-calendar-year-panel-table {
	height: 208px
}

.ant-calendar-range .ant-calendar-in-range-cell {
	border-radius: 0;
	position: relative
}

.ant-calendar-range .ant-calendar-in-range-cell>div {
	position: relative;
	z-index: 1
}

.ant-calendar-range .ant-calendar-in-range-cell:before {
	content: '';
	display: block;
	background: #bfb6b4;
	border-radius: 0;
	border: 0;
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 0;
	right: 0
}

div.ant-calendar-range-quick-selector {
	text-align: left
}

div.ant-calendar-range-quick-selector>a {
	margin-right: 8px
}

.ant-calendar-range .ant-calendar-header, .ant-calendar-range .ant-calendar-month-panel-header,
	.ant-calendar-range .ant-calendar-year-panel-header {
	border-bottom: 0
}

.ant-calendar-range .ant-calendar-body, .ant-calendar-range .ant-calendar-month-panel-body,
	.ant-calendar-range .ant-calendar-year-panel-body {
	border-top: 1px solid #e8e8e8
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
	height: 207px;
	width: 100%;
	top: 68px;
	z-index: 2
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
	height: 267px;
	margin-top: -34px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
	padding-top: 40px;
	height: 100%;
	background: 0 0
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox
	{
	display: inline-block;
	height: 100%;
	background-color: #fff;
	border-top: 1px solid #e8e8e8
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
	height: 100%
}

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul
	{
	max-height: 100%
}

.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn
	{
	margin-right: 8px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
	margin: 8px 12px;
	height: 22px;
	line-height: 22px
}

.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker
	{
	height: 233px
}

.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
	border-top-color: transparent
}

.ant-calendar-time-picker {
	position: absolute;
	width: 100%;
	top: 40px;
	background-color: #fff
}

.ant-calendar-time-picker-panel {
	z-index: 1050;
	position: absolute;
	width: 100%
}

.ant-calendar-time-picker-inner {
	display: inline-block;
	position: relative;
	outline: 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	background-clip: padding-box;
	line-height: 1.5;
	overflow: hidden;
	width: 100%
}

.ant-calendar-time-picker-combobox {
	width: 100%
}

.ant-calendar-time-picker-column-1, .ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select
	{
	width: 100%
}

.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
	width: 50%
}

.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
	width: 33.33%
}

.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
	width: 25%
}

.ant-calendar-time-picker-input-wrap {
	display: none
}

.ant-calendar-time-picker-select {
	float: left;
	font-size: 14px;
	border-right: 1px solid #e8e8e8;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	height: 226px
}

.ant-calendar-time-picker-select:hover {
	overflow-y: auto
}

.ant-calendar-time-picker-select:first-child {
	border-left: 0;
	margin-left: 0
}

.ant-calendar-time-picker-select:last-child {
	border-right: 0
}

.ant-calendar-time-picker-select ul {
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	max-height: 206px
}

.ant-calendar-time-picker-select li {
	text-align: center;
	list-style: none;
	box-sizing: content-box;
	margin: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
	cursor: pointer;
	user-select: none;
	transition: background .3s ease
}

.ant-calendar-time-picker-select li:last-child:after {
	content: '';
	height: 202px;
	display: block
}

.ant-calendar-time-picker-select li:hover {
	background: #ccc
}

li.ant-calendar-time-picker-select-option-selected {
	background: #f5f5f5;
	font-weight: 700
}

li.ant-calendar-time-picker-select-option-disabled {
	color: rgba(0, 0, 0, .25)
}

li.ant-calendar-time-picker-select-option-disabled:hover {
	background: 0 0;
	cursor: not-allowed
}

.ant-calendar-time .ant-calendar-day-select {
	padding: 0 2px;
	font-weight: 500;
	display: inline-block;
	color: rgba(0, 0, 0, .85);
	line-height: 34px
}

.ant-calendar-time .ant-calendar-footer {
	position: relative;
	height: auto
}

.ant-calendar-time .ant-calendar-footer-btn {
	text-align: right
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
	float: left;
	margin: 0
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
	display: inline-block;
	margin-right: 8px
}

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled
	{
	color: rgba(0, 0, 0, .25)
}

.ant-calendar-month-panel {
	position: absolute;
	top: 1px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	border-radius: 4px;
	background: #fff;
	outline: 0
}

.ant-calendar-month-panel>div {
	height: 100%
}

.ant-calendar-month-panel-hidden {
	display: none
}

.ant-calendar-month-panel-header {
	height: 40px;
	line-height: 40px;
	text-align: center;
	user-select: none;
	border-bottom: 1px solid #e8e8e8
}

.ant-calendar-month-panel-header a:hover {
	color: #8c8484
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select
	{
	padding: 0 2px;
	font-weight: 500;
	display: inline-block;
	color: rgba(0, 0, 0, .85);
	line-height: 40px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow
	{
	display: none
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn
	{
	position: absolute;
	top: 0;
	color: rgba(0, 0, 0, .45);
	font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei",
		"Microsoft Sans Serif", sans-serif;
	padding: 0 5px;
	font-size: 16px;
	display: inline-block;
	line-height: 40px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn
	{
	left: 7px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after
	{
	content: '«'
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn
	{
	right: 7px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after,
	.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after
	{
	content: '»'
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn
	{
	left: 29px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after
	{
	content: '‹'
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn
	{
	right: 29px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after
	{
	content: '›'
}

.ant-calendar-month-panel-body {
	height: calc(100% - 40px)
}

.ant-calendar-month-panel-table {
	table-layout: fixed;
	width: 100%;
	height: 100%;
	border-collapse: separate
}

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month
	{
	background: grey;
	color: #fff
}

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover
	{
	background: grey;
	color: #fff
}

.ant-calendar-month-panel-cell {
	text-align: center
}

.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
	.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover
	{
	cursor: not-allowed;
	color: #bcbcbc;
	background: #f5f5f5
}

.ant-calendar-month-panel-month {
	display: inline-block;
	margin: 0 auto;
	color: rgba(0, 0, 0, .65);
	background: 0 0;
	text-align: center;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	border-radius: 2px;
	transition: background .3s ease
}

.ant-calendar-month-panel-month:hover {
	background: #ccc;
	cursor: pointer
}

.ant-calendar-year-panel {
	position: absolute;
	top: 1px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	border-radius: 4px;
	background: #fff;
	outline: 0
}

.ant-calendar-year-panel>div {
	height: 100%
}

.ant-calendar-year-panel-hidden {
	display: none
}

.ant-calendar-year-panel-header {
	height: 40px;
	line-height: 40px;
	text-align: center;
	user-select: none;
	border-bottom: 1px solid #e8e8e8
}

.ant-calendar-year-panel-header a:hover {
	color: #8c8484
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select {
	padding: 0 2px;
	font-weight: 500;
	display: inline-block;
	color: rgba(0, 0, 0, .85);
	line-height: 40px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow
	{
	display: none
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn
	{
	position: absolute;
	top: 0;
	color: rgba(0, 0, 0, .45);
	font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei",
		"Microsoft Sans Serif", sans-serif;
	padding: 0 5px;
	font-size: 16px;
	display: inline-block;
	line-height: 40px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn
	{
	left: 7px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after
	{
	content: '«'
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn
	{
	right: 7px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after,
	.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after
	{
	content: '»'
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn
	{
	left: 29px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after
	{
	content: '‹'
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn
	{
	right: 29px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after
	{
	content: '›'
}

.ant-calendar-year-panel-body {
	height: calc(100% - 40px)
}

.ant-calendar-year-panel-table {
	table-layout: fixed;
	width: 100%;
	height: 100%;
	border-collapse: separate
}

.ant-calendar-year-panel-cell {
	text-align: center
}

.ant-calendar-year-panel-year {
	display: inline-block;
	margin: 0 auto;
	color: rgba(0, 0, 0, .65);
	background: 0 0;
	text-align: center;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	border-radius: 2px;
	transition: background .3s ease
}

.ant-calendar-year-panel-year:hover {
	background: #ccc;
	cursor: pointer
}

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
	background: grey;
	color: #fff
}

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover
	{
	background: grey;
	color: #fff
}

.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
	.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year
	{
	user-select: none;
	color: rgba(0, 0, 0, .25)
}

.ant-calendar-decade-panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: #fff;
	border-radius: 4px;
	outline: 0
}

.ant-calendar-decade-panel-hidden {
	display: none
}

.ant-calendar-decade-panel-header {
	height: 40px;
	line-height: 40px;
	text-align: center;
	user-select: none;
	border-bottom: 1px solid #e8e8e8
}

.ant-calendar-decade-panel-header a:hover {
	color: #8c8484
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select
	{
	padding: 0 2px;
	font-weight: 500;
	display: inline-block;
	color: rgba(0, 0, 0, .85);
	line-height: 40px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow
	{
	display: none
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn
	{
	position: absolute;
	top: 0;
	color: rgba(0, 0, 0, .45);
	font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei",
		"Microsoft Sans Serif", sans-serif;
	padding: 0 5px;
	font-size: 16px;
	display: inline-block;
	line-height: 40px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn
	{
	left: 7px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after
	{
	content: '«'
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn
	{
	right: 7px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after,
	.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after
	{
	content: '»'
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn
	{
	left: 29px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after
	{
	content: '‹'
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn
	{
	right: 29px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after
	{
	content: '›'
}

.ant-calendar-decade-panel-body {
	height: calc(100% - 40px)
}

.ant-calendar-decade-panel-table {
	table-layout: fixed;
	width: 100%;
	height: 100%;
	border-collapse: separate
}

.ant-calendar-decade-panel-cell {
	text-align: center;
	white-space: nowrap
}

.ant-calendar-decade-panel-decade {
	display: inline-block;
	margin: 0 auto;
	color: rgba(0, 0, 0, .65);
	background: 0 0;
	text-align: center;
	height: 24px;
	line-height: 24px;
	padding: 0 6px;
	border-radius: 2px;
	transition: background .3s ease
}

.ant-calendar-decade-panel-decade:hover {
	background: #ccc;
	cursor: pointer
}

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade
	{
	background: grey;
	color: #fff
}

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover
	{
	background: grey;
	color: #fff
}

.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
	.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade
	{
	user-select: none;
	color: rgba(0, 0, 0, .25)
}

.ant-calendar-month .ant-calendar-month-header-wrap {
	position: relative;
	height: 288px
}

.ant-calendar-month .ant-calendar-month-panel, .ant-calendar-month .ant-calendar-year-panel
	{
	top: 0;
	height: 100%
}

.ant-calendar-week-number-cell {
	opacity: .5
}

.ant-calendar-week-number .ant-calendar-body tr {
	cursor: pointer
}

.ant-calendar-week-number .ant-calendar-body tr:hover {
	background: #bfb6b4
}

.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week
	{
	background: #b3a9a8;
	font-weight: 700
}

.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
	.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date
	{
	background: 0 0;
	color: rgba(0, 0, 0, .65)
}

.ant-rate {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	line-height: unset;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 20px;
	display: inline-block;
	color: #fadb14;
	outline: 0
}

.ant-rate-disabled .ant-rate-star {
	cursor: default
}

.ant-rate-disabled .ant-rate-star:hover {
	transform: scale(1)
}

.ant-rate-star {
	margin: 0;
	padding: 0;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	transition: all .3s;
	color: inherit;
	cursor: pointer
}

.ant-rate-star-first, .ant-rate-star-second {
	user-select: none;
	transition: all .3s
}

.ant-rate-star-focused, .ant-rate-star:hover {
	transform: scale(1.1)
}

.ant-rate-star-first {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
	opacity: 0
}

.ant-rate-star-half .ant-rate-star-first, .ant-rate-star-half .ant-rate-star-second
	{
	opacity: 1
}

.ant-rate-star-full .ant-rate-star-second, .ant-rate-star-half .ant-rate-star-first
	{
	color: inherit
}

.ant-rate-star:last-child {
	margin-right: 0
}

.ant-rate-text {
	margin-left: 8px;
	display: inline-block;
	font-size: 14px
}

.anticon.anticon-star.anticon-font {
	font-family: anticon !important;
	display: block
}

.anticon.anticon-star.anticon-font::before {
	content: none
}

.ant-radio-group {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	line-height: unset
}

.ant-radio-wrapper {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	position: relative;
	white-space: nowrap;
	margin-right: 8px;
	cursor: pointer
}

.ant-radio-wrapper.is-vertical {
	display: block
}

.ant-radio-wrapper:last-child {
	margin-right: 0
}

.ant-radio {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	outline: 0;
	display: inline-block;
	position: relative;
	line-height: 1;
	vertical-align: middle;
	top: -.12em;
	cursor: pointer
}

.ant-radio-focused .ant-radio-inner, .ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
	.ant-radio:hover .ant-radio-inner {
	border-color: grey
}

.ant-radio-checked>i {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid grey;
	animation: antRadioEffect .36s ease-in-out;
	animation-fill-mode: both;
	visibility: hidden
}

.ant-radio .ant-radio-wrapper:hover>i, .ant-radio:hover>i {
	visibility: visible
}

.ant-radio-inner {
	position: relative;
	top: 1px;
	left: 1px;
	display: block;
	width: 16px;
	height: 16px;
	border-width: 1px;
	border-style: solid;
	border-radius: 100px;
	border-color: #d9d9d9;
	transition: all .3s
}

.ant-radio-inner i {
	position: absolute;
	width: 8px;
	height: 8px;
	left: 3px;
	top: 3px;
	border-radius: 8px;
	display: table;
	border-top: 0;
	border-left: 0;
	background-color: grey;
	opacity: 0;
	transform: scale(0);
	transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-radio-input {
	position: absolute;
	left: 0;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	top: 0;
	bottom: 0;
	right: 0
}

.ant-radio-checked .ant-radio-inner {
	border-color: grey
}

.ant-radio-checked .ant-radio-inner i {
	transform: scale(1);
	opacity: 1;
	transition: all .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-radio-disabled .ant-radio-inner {
	border-color: #d9d9d9 !important;
	background-color: #f5f5f5
}

.ant-radio-disabled .ant-radio-inner i {
	background-color: #ccc
}

.ant-radio-disabled .ant-radio-input {
	cursor: not-allowed
}

.ant-radio-disabled+span {
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

span.ant-radio+* {
	padding-left: 8px;
	padding-right: 8px
}

.ant-radio-button-wrapper {
	margin: 0;
	height: 32px;
	line-height: 30px;
	color: rgba(0, 0, 0, .65);
	display: inline-block;
	transition: all .3s ease;
	cursor: pointer;
	border: 1px solid #d9d9d9;
	border-left: 0;
	border-top-width: 1.02px;
	background: #fff;
	padding: 0 15px;
	position: relative
}

.ant-radio-button-wrapper a {
	color: rgba(0, 0, 0, .65)
}

.ant-radio-button-wrapper>.ant-radio-button {
	margin-left: 0;
	display: block;
	width: 0;
	height: 0
}

.ant-radio-group-large .ant-radio-button-wrapper {
	height: 40px;
	line-height: 38px;
	font-size: 14px 2px
}

.ant-radio-group-small .ant-radio-button-wrapper {
	height: 24px;
	line-height: 22px;
	padding: 0 7px
}

.ant-radio-button-wrapper:not (:first-child )::before {
	content: "";
	display: block;
	top: 0;
	left: -1px;
	width: 1px;
	height: 100%;
	position: absolute;
	background-color: #d9d9d9
}

.ant-radio-button-wrapper:first-child {
	border-radius: 4px 0 0 4px;
	border-left: 1px solid #d9d9d9
}

.ant-radio-button-wrapper:last-child {
	border-radius: 0 4px 4px 0
}

.ant-radio-button-wrapper:first-child:last-child {
	border-radius: 4px
}

.ant-radio-button-wrapper-focused, .ant-radio-button-wrapper:hover {
	color: grey;
	position: relative
}

.ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type=checkbox],
	.ant-radio-button-wrapper input[type=radio] {
	opacity: 0;
	width: 0;
	height: 0
}

.ant-radio-button-wrapper-checked {
	background: #fff;
	border-color: grey;
	color: grey;
	box-shadow: -1px 0 0 0 grey;
	z-index: 1
}

.ant-radio-button-wrapper-checked::before {
	background-color: grey !important;
	opacity: .1
}

.ant-radio-button-wrapper-checked:first-child {
	border-color: grey;
	box-shadow: none !important
}

.ant-radio-button-wrapper-checked:hover {
	border-color: #8c8484;
	box-shadow: -1px 0 0 0 #8c8484;
	color: #8c8484
}

.ant-radio-button-wrapper-checked:active {
	border-color: #595454;
	box-shadow: -1px 0 0 0 #595454;
	color: #595454
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not (.ant-radio-button-wrapper-disabled
	){
	background: grey;
	border-color: grey;
	color: #fff
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not (.ant-radio-button-wrapper-disabled
	):hover {
	border-color: #8c8484;
	background: #8c8484;
	color: #fff
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not (.ant-radio-button-wrapper-disabled
	):active {
	border-color: #595454;
	background: #595454;
	color: #fff
}

.ant-radio-button-wrapper-disabled {
	border-color: #d9d9d9;
	background-color: #f5f5f5;
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25)
}

.ant-radio-button-wrapper-disabled:first-child,
	.ant-radio-button-wrapper-disabled:hover {
	border-color: #d9d9d9;
	background-color: #f5f5f5;
	color: rgba(0, 0, 0, .25)
}

.ant-radio-button-wrapper-disabled:first-child {
	border-left-color: #d9d9d9
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
	color: #fff;
	background-color: #e6e6e6;
	border-color: #d9d9d9;
	box-shadow: none
}

@
keyframes antRadioEffect { 0%{
	transform: scale(1);
	opacity: .5
}

100%{
transform
:scale
(1
.6
);opacity
:
0
}
}
.ant-select {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	position: relative;
	outline: 0
}

.ant-select ol, .ant-select ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.ant-select>ul>li>a {
	padding: 0;
	background-color: #fff
}

.ant-select-arrow {
	display: inline-block;
	font-style: normal;
	vertical-align: baseline;
	text-align: center;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	right: 11px;
	line-height: 1;
	margin-top: -6px;
	transform-origin: 50% 50%;
	color: rgba(0, 0, 0, .25);
	font-size: 12px
}

.ant-select-arrow:before {
	display: block;
	font-family: anticon !important
}

.ant-select-arrow * {
	display: none
}

.ant-select-arrow:before {
	content: '\e61d';
	transition: transform .3s
}

.ant-select-selection {
	outline: 0;
	user-select: none;
	box-sizing: border-box;
	display: block;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #d9d9d9
}

.ant-select-selection__clear {
	display: inline-block;
	font-style: normal;
	vertical-align: baseline;
	text-align: center;
	text-transform: none;
	text-rendering: auto;
	opacity: 0;
	position: absolute;
	right: 11px;
	z-index: 1;
	background: #fff;
	top: 50%;
	font-size: 12px;
	color: rgba(0, 0, 0, .25);
	width: 12px;
	height: 12px;
	margin-top: -6px;
	line-height: 12px;
	cursor: pointer;
	transition: color .3s ease, opacity .15s ease
}

.ant-select-selection__clear:before {
	display: block;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e62e"
}

.ant-select-selection__clear:hover {
	color: rgba(0, 0, 0, .45)
}

.ant-select-selection:hover .ant-select-selection__clear {
	opacity: 1
}

.ant-select-selection-selected-value {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	padding-right: 20px
}

.ant-select-no-arrow .ant-select-selection-selected-value {
	padding-right: 0
}

.ant-select-disabled {
	color: rgba(0, 0, 0, .25)
}

.ant-select-disabled .ant-select-selection {
	background: #f5f5f5;
	cursor: not-allowed
}

.ant-select-disabled .ant-select-selection:active, .ant-select-disabled .ant-select-selection:focus,
	.ant-select-disabled .ant-select-selection:hover {
	border-color: #d9d9d9;
	box-shadow: none
}

.ant-select-disabled .ant-select-selection__clear {
	display: none;
	visibility: hidden;
	pointer-events: none
}

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice
	{
	background: #f5f5f5;
	color: #aaa;
	padding-right: 10px
}

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove
	{
	display: none
}

.ant-select-selection--single {
	height: 32px;
	position: relative;
	cursor: pointer;
	height: 100%
}

.ant-select-selection__rendered {
	display: block;
	margin-left: 11px;
	margin-right: 11px;
	position: relative;
	line-height: 30px;
	height: 100%
}

.ant-select-selection__rendered:after {
	content: '.';
	visibility: hidden;
	pointer-events: none;
	display: inline-block;
	width: 0
}

.ant-select-lg {
	font-size: 16px
}

.ant-select-lg .ant-select-selection--single {
	height: 40px
}

.ant-select-lg .ant-select-selection__rendered {
	line-height: 38px
}

.ant-select-lg .ant-select-selection--multiple {
	min-height: 40px
}

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li
	{
	height: 32px;
	line-height: 32px
}

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear
	{
	top: 20px
}

.ant-select-sm .ant-select-selection--single {
	height: 24px
}

.ant-select-sm .ant-select-selection__rendered {
	line-height: 22px;
	margin: 0 7px
}

.ant-select-sm .ant-select-selection--multiple {
	min-height: 24px
}

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li
	{
	height: 16px;
	line-height: 14px
}

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear
	{
	top: 12px
}

.ant-select-sm .ant-select-arrow, .ant-select-sm .ant-select-selection__clear
	{
	right: 8px
}

.ant-select-disabled .ant-select-selection__choice__remove {
	color: rgba(0, 0, 0, .25);
	cursor: default
}

.ant-select-disabled .ant-select-selection__choice__remove:hover {
	color: rgba(0, 0, 0, .25)
}

.ant-select-search__field__wrap {
	display: inline-block;
	position: relative
}

.ant-select-search__field__placeholder,
	.ant-select-selection__placeholder {
	position: absolute;
	top: 50%;
	left: 0;
	right: 9px;
	color: #bfbfbf;
	line-height: 20px;
	height: 20px;
	max-width: 100%;
	margin-top: -10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.ant-select-search__field__placeholder {
	left: 12px
}

.ant-select-search__field__mirror {
	position: absolute;
	top: -9999px;
	left: -9999px;
	white-space: pre;
	pointer-events: none
}

.ant-select-search--inline {
	position: absolute;
	height: 100%;
	width: 100%
}

.ant-select-search--inline .ant-select-search__field__wrap {
	width: 100%;
	height: 100%
}

.ant-select-search--inline .ant-select-search__field {
	border-width: 0;
	font-size: 100%;
	height: 100%;
	width: 100%;
	background: 0 0;
	outline: 0;
	border-radius: 4px;
	line-height: 1
}

.ant-select-search--inline>i {
	float: right
}

.ant-select-selection--multiple {
	min-height: 32px;
	cursor: text;
	padding-bottom: 3px;
	zoom: 1
}

.ant-select-selection--multiple:after, .ant-select-selection--multiple:before
	{
	content: "";
	display: table
}

.ant-select-selection--multiple:after {
	clear: both
}

.ant-select-selection--multiple .ant-select-search--inline {
	float: left;
	position: static;
	width: auto;
	padding: 0;
	max-width: 100%
}

.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field
	{
	max-width: 100%;
	width: .75em
}

.ant-select-selection--multiple .ant-select-selection__rendered {
	margin-left: 5px;
	margin-bottom: -3px;
	height: auto
}

.ant-select-selection--multiple .ant-select-selection__placeholder {
	margin-left: 6px
}

.ant-select-selection--multiple .ant-select-selection__rendered>ul>li,
	.ant-select-selection--multiple>ul>li {
	margin-top: 3px;
	height: 24px;
	line-height: 22px
}

.ant-select-selection--multiple .ant-select-selection__choice {
	color: rgba(0, 0, 0, .65);
	background-color: #fafafa;
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	cursor: default;
	float: left;
	margin-right: 4px;
	max-width: 99%;
	position: relative;
	overflow: hidden;
	transition: padding .3s cubic-bezier(.645, .045, .355, 1);
	padding: 0 20px 0 10px
}

.ant-select-selection--multiple .ant-select-selection__choice__disabled
	{
	padding: 0 10px
}

.ant-select-selection--multiple .ant-select-selection__choice__content {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	transition: margin .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-select-selection--multiple .ant-select-selection__choice__remove {
	font-style: normal;
	vertical-align: baseline;
	text-align: center;
	text-transform: none;
	line-height: 1;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: rgba(0, 0, 0, .45);
	line-height: inherit;
	cursor: pointer;
	font-weight: 700;
	transition: all .3s;
	display: inline-block;
	font-size: 12px;
	transform: scale(.83333333) rotate(0);
	position: absolute;
	right: 4px
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:before
	{
	display: block;
	font-family: anticon !important
}

:root .ant-select-selection--multiple .ant-select-selection__choice__remove
	{
	font-size: 12px
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:hover
	{
	color: #404040
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:before
	{
	content: "\e633"
}

.ant-select-selection--multiple .ant-select-selection__clear {
	top: 16px
}

.ant-select-allow-clear .ant-select-selection--single .ant-select-selection-selected-value
	{
	padding-right: 16px
}

.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered
	{
	margin-right: 20px
}

.ant-select-open .ant-select-arrow:before {
	transform: rotate(180deg)
}

.ant-select-combobox .ant-select-arrow {
	display: none
}

.ant-select-combobox .ant-select-search--inline {
	height: 100%;
	width: 100%;
	float: none
}

.ant-select-combobox .ant-select-search__field__wrap {
	width: 100%;
	height: 100%
}

.ant-select-combobox .ant-select-search__field {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	box-shadow: none
}

.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered
	{
	margin-right: 20px
}

.ant-select-dropdown {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	border-radius: 4px;
	box-sizing: border-box;
	z-index: 1050;
	left: -9999px;
	top: -9999px;
	position: absolute;
	outline: 0;
	font-size: 14px
}

.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,
	.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft
	{
	animation-name: antSlideUpIn
}

.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft,
	.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft
	{
	animation-name: antSlideDownIn
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft
	{
	animation-name: antSlideUpOut
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft
	{
	animation-name: antSlideDownOut
}

.ant-select-dropdown-hidden {
	display: none
}

.ant-select-dropdown-menu {
	outline: 0;
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
	max-height: 250px;
	overflow: auto
}

.ant-select-dropdown-menu-item-group-list {
	margin: 0;
	padding: 0
}

.ant-select-dropdown-menu-item-group-list>.ant-select-dropdown-menu-item
	{
	padding-left: 20px
}

.ant-select-dropdown-menu-item-group-title {
	color: rgba(0, 0, 0, .45);
	padding: 0 12px;
	height: 32px;
	line-height: 32px;
	font-size: 12px
}

.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not
	(:last-child ), .ant-select-dropdown-menu-item-group:not (:last-child ) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child
	{
	border-radius: 0
}

.ant-select-dropdown-menu-item {
	position: relative;
	display: block;
	padding: 5px 12px;
	line-height: 22px;
	font-weight: 400;
	color: rgba(0, 0, 0, .65);
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: background .3s ease
}

.ant-select-dropdown-menu-item:hover {
	background-color: #e6f7ff
}

.ant-select-dropdown-menu-item:first-child {
	border-radius: 4px 4px 0 0
}

.ant-select-dropdown-menu-item:last-child {
	border-radius: 0 0 4px 4px
}

.ant-select-dropdown-menu-item-disabled {
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

.ant-select-dropdown-menu-item-disabled:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #fff;
	cursor: not-allowed
}

.ant-select-dropdown-menu-item-selected,
	.ant-select-dropdown-menu-item-selected:hover {
	background-color: #fafafa;
	font-weight: 600;
	color: rgba(0, 0, 0, .65)
}

.ant-select-dropdown-menu-item-active {
	background-color: #e6f7ff
}

.ant-select-dropdown-menu-item-divider {
	height: 1px;
	margin: 1px 0;
	overflow: hidden;
	background-color: #e8e8e8;
	line-height: 0
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after
	{
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e632";
	color: transparent;
	display: inline-block;
	font-size: 12px;
	transform: scale(.83333333) rotate(0);
	transition: all .2s ease;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 12px;
	font-weight: 700;
	text-shadow: 0 .1px 0, .1px 0 0, 0 -.1px 0, -.1px 0
}

:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after
	{
	font-size: 12px
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover:after
	{
	color: #ddd
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled:after
	{
	display: none
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after,
	.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after
	{
	color: #1890ff;
	display: inline-block
}

.ant-select-dropdown-container-open .ant-select-dropdown,
	.ant-select-dropdown-open .ant-select-dropdown {
	display: block
}

.ant-slider {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	margin: 14px 6px 10px;
	padding: 4px 0;
	height: 12px;
	cursor: pointer
}

.ant-slider-vertical {
	width: 12px;
	height: 100%;
	margin: 6px 10px;
	padding: 0 4px
}

.ant-slider-vertical .ant-slider-rail {
	height: 100%;
	width: 4px
}

.ant-slider-vertical .ant-slider-track {
	width: 4px
}

.ant-slider-vertical .ant-slider-handle {
	margin-left: -5px;
	margin-bottom: -7px
}

.ant-slider-vertical .ant-slider-mark {
	top: 0;
	left: 12px;
	width: 18px;
	height: 100%
}

.ant-slider-vertical .ant-slider-mark-text {
	left: 4px;
	white-space: nowrap
}

.ant-slider-vertical .ant-slider-step {
	width: 4px;
	height: 100%
}

.ant-slider-vertical .ant-slider-dot {
	top: auto;
	left: 2px;
	margin-bottom: -4px
}

.ant-slider-with-marks {
	margin-bottom: 28px
}

.ant-slider-rail {
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background-color: #f5f5f5;
	transition: background-color .3s
}

.ant-slider-track {
	position: absolute;
	height: 4px;
	border-radius: 4px;
	background-color: #91d5ff;
	transition: background-color .3s ease
}

.ant-slider-handle {
	position: absolute;
	margin-left: -7px;
	margin-top: -5px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	border-radius: 50%;
	border: solid 2px #91d5ff;
	background-color: #fff;
	transition: border-color .3s, transform .3s
		cubic-bezier(.18, .89, .32, 1.28)
}

.ant-slider-handle:focus {
	border-color: #46a6ff;
	box-shadow: 0 0 0 5px #8cc8ff;
	outline: 0
}

.ant-slider-handle.ant-tooltip-open {
	border-color: #1890ff
}

.ant-slider:hover .ant-slider-rail {
	background-color: #e1e1e1
}

.ant-slider:hover .ant-slider-track {
	background-color: #69c0ff
}

.ant-slider:hover .ant-slider-handle:not (.ant-tooltip-open ){
	border-color: #69c0ff
}

.ant-slider-mark {
	position: absolute;
	top: 14px;
	left: 0;
	width: 100%;
	font-size: 14px
}

.ant-slider-mark-text {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	color: rgba(0, 0, 0, .45)
}

.ant-slider-mark-text-active {
	color: rgba(0, 0, 0, .65)
}

.ant-slider-step {
	position: absolute;
	width: 100%;
	height: 4px;
	background: 0 0
}

.ant-slider-dot {
	position: absolute;
	top: -2px;
	margin-left: -4px;
	width: 8px;
	height: 8px;
	border: 2px solid #e8e8e8;
	background-color: #fff;
	cursor: pointer;
	border-radius: 50%;
	vertical-align: middle
}

.ant-slider-dot:first-child {
	margin-left: -4px
}

.ant-slider-dot:last-child {
	margin-left: -4px
}

.ant-slider-dot-active {
	border-color: #8cc8ff
}

.ant-slider-disabled {
	cursor: not-allowed
}

.ant-slider-disabled .ant-slider-track {
	background-color: rgba(0, 0, 0, .25) !important
}

.ant-slider-disabled .ant-slider-dot, .ant-slider-disabled .ant-slider-handle
	{
	border-color: rgba(0, 0, 0, .25) !important;
	background-color: #fff;
	cursor: not-allowed;
	box-shadow: none
}

.ant-slider-disabled .ant-slider-dot, .ant-slider-disabled .ant-slider-mark-text
	{
	cursor: not-allowed !important
}

.ant-switch {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	height: 22px;
	min-width: 44px;
	line-height: 20px;
	border-radius: 100px;
	border: 1px solid transparent;
	background-color: rgba(0, 0, 0, .25);
	cursor: pointer;
	transition: all .36s;
	user-select: none
}

.ant-switch-inner {
	color: #fff;
	font-size: 12px;
	margin-left: 24px;
	margin-right: 6px;
	display: block
}

.ant-switch:after, .ant-switch:before {
	position: absolute;
	width: 18px;
	height: 18px;
	left: 1px;
	top: 1px;
	border-radius: 18px;
	background-color: #fff;
	content: " ";
	cursor: pointer;
	transition: all .36s cubic-bezier(.78, .14, .15, .86)
}

.ant-switch:after {
	box-shadow: 0 2px 4px 0 rgba(0, 35, 11, .2)
}

.ant-switch:active:after, .ant-switch:active:before {
	width: 24px
}

.ant-switch:before {
	content: "\e64d";
	font-family: anticon;
	animation: loadingCircle 1s infinite linear;
	text-align: center;
	background: 0 0;
	z-index: 1;
	display: none;
	font-size: 12px
}

.ant-switch-loading:before {
	display: inline-block;
	color: rgba(0, 0, 0, .65)
}

.ant-switch-checked.ant-switch-loading:before {
	color: #1890ff
}

.ant-switch:focus {
	box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
	outline: 0
}

.ant-switch:focus:hover {
	box-shadow: none
}

.ant-switch-small {
	height: 16px;
	min-width: 28px;
	line-height: 14px
}

.ant-switch-small .ant-switch-inner {
	margin-left: 18px;
	margin-right: 3px;
	font-size: 12px
}

.ant-switch-small:after, .ant-switch-small:before {
	width: 12px;
	height: 12px
}

.ant-switch-small:active:after, .ant-switch-small:active:before {
	width: 16px
}

.ant-switch-small.ant-switch-checked:before {
	left: 100%;
	margin-left: -13px
}

.ant-switch-small.ant-switch-checked .ant-switch-inner {
	margin-left: 3px;
	margin-right: 18px
}

.ant-switch-small.ant-switch-loading:before {
	animation: AntSwitchSmallLoadingCircle 1s infinite linear;
	font-weight: 700
}

.ant-switch-checked {
	background-color: #1890ff
}

.ant-switch-checked .ant-switch-inner {
	margin-left: 6px;
	margin-right: 24px
}

.ant-switch-checked:before {
	left: 100%;
	margin-left: -19px
}

.ant-switch-checked:after {
	left: 100%;
	transform: translateX(-100%);
	margin-left: -1px
}

.ant-switch-disabled, .ant-switch-loading {
	pointer-events: none;
	opacity: .4
}

@
keyframes AntSwitchSmallLoadingCircle { 0%{
	transform-origin: 50% 50%;
	transform: rotate(0) scale(.66667)
}

100%{
transform-origin
:
50%
 
50%;
transform
:rotate(360deg)
 
scale
(
.66667
)
}
}
@
keyframes antCheckboxEffect { 0%{
	transform: scale(1);
	opacity: .5
}

100%{
transform
:scale
(1
.6
);opacity
:
0
}
}
.ant-select-tree-checkbox {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	cursor: pointer;
	outline: 0;
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: middle;
	top: -.09em
}

.ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner,
	.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
	.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner {
	border-color: #e5e5e5
}

.ant-select-tree-checkbox-checked:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	border: 1px solid #e5e5e5;
	content: '';
	animation: antCheckboxEffect .36s ease-in-out;
	animation-fill-mode: both;
	visibility: hidden
}

.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox:after,
	.ant-select-tree-checkbox:hover:after {
	visibility: visible
}

.ant-select-tree-checkbox-inner {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	transition: all .3s
}

.ant-select-tree-checkbox-inner:after {
	transform: rotate(45deg) scale(0);
	position: absolute;
	left: 4.57142857px;
	top: 1.14285714px;
	display: table;
	width: 5.71428571px;
	height: 9.14285714px;
	border: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	content: ' ';
	transition: all .1s cubic-bezier(.71, -.46, .88, .6)
}

.ant-select-tree-checkbox-input {
	position: absolute;
	left: 0;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after
	{
	content: ' ';
	transform: scale(1);
	position: absolute;
	left: 2.42857143px;
	top: 5.92857143px;
	width: 9.14285714px;
	height: 1.14285714px
}

.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after
	{
	border-color: rgba(0, 0, 0, .25)
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after
	{
	transform: rotate(45deg) scale(1);
	position: absolute;
	display: table;
	border: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	content: ' ';
	transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s
}

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner,
	.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner
	{
	background-color: #e5e5e5;
	border-color: #e5e5e5
}

.ant-select-tree-checkbox-disabled {
	cursor: not-allowed
}

.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:after
	{
	animation-name: none;
	border-color: rgba(0, 0, 0, .25)
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
	cursor: not-allowed
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
	border-color: #d9d9d9 !important;
	background-color: #f5f5f5
}

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner:after
	{
	animation-name: none;
	border-color: #f5f5f5
}

.ant-select-tree-checkbox-disabled+span {
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

.ant-select-tree-checkbox-wrapper {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: unset;
	cursor: pointer;
	display: inline-block;
	color: inherit;
	font-size: inherit
}

.ant-select-tree-checkbox-wrapper.is-vertical {
	display: block
}

.ant-select-tree-checkbox-wrapper+.ant-select-tree-checkbox-wrapper {
	margin-left: 8px
}

.ant-select-tree-checkbox+span, .ant-select-tree-checkbox-wrapper+span {
	padding-left: 8px;
	padding-right: 8px
}

.ant-select-tree-checkbox-group {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block
}

.ant-select-tree-checkbox-group-item {
	display: inline-block;
	margin-right: 8px
}

.ant-select-tree-checkbox-group-item:last-child {
	margin-right: 0
}

.ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item
	{
	margin-left: 0
}

.ant-select-tree {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	padding: 0;
	list-style: none;
	margin: 0;
	padding: 0 4px;
	margin-top: -4px
}

.ant-select-tree li {
	padding: 0;
	margin: 8px 0;
	list-style: none;
	white-space: nowrap;
	outline: 0
}

.ant-select-tree li.filter-node>span {
	font-weight: 500
}

.ant-select-tree li ul {
	margin: 0;
	padding: 0 0 0 18px
}

.ant-select-tree li .ant-select-tree-node-content-wrapper {
	display: inline-block;
	padding: 3px 5px;
	border-radius: 2px;
	margin: 0;
	cursor: pointer;
	text-decoration: none;
	color: rgba(0, 0, 0, .65);
	transition: all .3s;
	width: calc(100% - 24px)
}

.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
	background-color: #f8f8f8
}

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected
	{
	background-color: #e5e5e5
}

.ant-select-tree li span.ant-select-tree-checkbox {
	margin: 0 4px 0 0
}

.ant-select-tree li span.ant-select-tree-checkbox+.ant-select-tree-node-content-wrapper
	{
	width: calc(100% - 46px)
}

.ant-select-tree li span.ant-select-tree-iconEle, .ant-select-tree li span.ant-select-tree-switcher
	{
	margin: 0;
	width: 24px;
	height: 24px;
	line-height: 22px;
	display: inline-block;
	vertical-align: middle;
	border: 0 none;
	cursor: pointer;
	outline: 0;
	text-align: center
}

.ant-select-tree li span.ant-select-tree-icon_loading:after {
	display: inline-block;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e6ae";
	animation: loadingCircle 1s infinite linear;
	color: #e5e5e5
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop
	{
	cursor: auto
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open:after
	{
	font-size: 12px;
	transform: scale(.58333333) rotate(0);
	display: inline-block;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e606";
	font-weight: 700;
	transition: transform .3s
}

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open:after
	{
	font-size: 12px
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after
	{
	font-size: 12px;
	transform: scale(.58333333) rotate(0);
	display: inline-block;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e606";
	font-weight: 700;
	transition: transform .3s
}

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after
	{
	font-size: 12px
}

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close:after
	{
	transform: rotate(270deg) scale(.59)
}

.ant-select-tree-child-tree {
	display: none
}

.ant-select-tree-child-tree-open {
	display: block
}

li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper,
	li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper span,
	li.ant-select-tree-treenode-disabled>span:not (.ant-select-tree-switcher
	){
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

li.ant-select-tree-treenode-disabled>.ant-select-tree-node-content-wrapper:hover
	{
	background: 0 0
}

.ant-select-tree-icon__open {
	margin-right: 2px;
	vertical-align: top
}

.ant-select-tree-icon__close {
	margin-right: 2px;
	vertical-align: top
}

.ant-select-tree-dropdown {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none
}

.ant-select-tree-dropdown .ant-select-dropdown-search {
	display: block;
	padding: 4px
}

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap
	{
	width: 100%
}

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field
	{
	padding: 4px 7px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	outline: 0;
	font-size: 14px
}

.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide
	{
	display: none
}

.ant-select-tree-dropdown .ant-select-not-found {
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25);
	padding: 7px 16px;
	display: block
}

.ant-time-picker-panel {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 1050;
	position: absolute
}

.ant-time-picker-panel-inner {
	position: relative;
	outline: 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	background-clip: padding-box;
	overflow: hidden;
	left: -2px
}

.ant-time-picker-panel-input {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	cursor: auto;
	outline: 0;
	max-width: 154px;
	font-size: 14px
}

.ant-time-picker-panel-input::-moz-placeholder {
	color: #bfbfbf;
	opacity: 1
}

.ant-time-picker-panel-input:-ms-input-placeholder {
	color: #bfbfbf
}

.ant-time-picker-panel-input::-webkit-input-placeholder {
	color: #bfbfbf
}

.ant-time-picker-panel-input-wrap {
	box-sizing: border-box;
	position: relative;
	padding: 7px 2px 7px 12px;
	border-bottom: 1px solid #e8e8e8
}

.ant-time-picker-panel-input-invalid {
	border-color: red
}

.ant-time-picker-panel-clear-btn {
	position: absolute;
	right: 8px;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	top: 7px;
	margin: 0
}

.ant-time-picker-panel-clear-btn:after {
	font-size: 12px;
	color: rgba(0, 0, 0, .25);
	display: inline-block;
	line-height: 1;
	width: 20px;
	transition: color .3s ease;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e62e"
}

.ant-time-picker-panel-clear-btn:hover:after {
	color: rgba(0, 0, 0, .45)
}

.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
	max-width: 112px
}

.ant-time-picker-panel-select {
	float: left;
	font-size: 14px;
	border-left: 1px solid #e8e8e8;
	box-sizing: border-box;
	width: 56px;
	overflow: hidden;
	position: relative;
	max-height: 192px
}

.ant-time-picker-panel-select:hover {
	overflow-y: auto
}

.ant-time-picker-panel-select:first-child {
	border-left: 0;
	margin-left: 0
}

.ant-time-picker-panel-select:last-child {
	border-right: 0
}

.ant-time-picker-panel-select:only-child {
	width: 100%
}

.ant-time-picker-panel-select ul {
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 160px;
	width: 100%
}

.ant-time-picker-panel-select li {
	list-style: none;
	box-sizing: content-box;
	margin: 0;
	padding: 0 0 0 12px;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: left;
	cursor: pointer;
	user-select: none;
	transition: background .3s
}

.ant-time-picker-panel-select li:hover {
	background: #ccc
}

li.ant-time-picker-panel-select-option-selected {
	background: #f5f5f5;
	font-weight: 700
}

li.ant-time-picker-panel-select-option-selected:hover {
	background: #f5f5f5
}

li.ant-time-picker-panel-select-option-disabled {
	color: rgba(0, 0, 0, .25)
}

li.ant-time-picker-panel-select-option-disabled:hover {
	background: 0 0;
	cursor: not-allowed
}

.ant-time-picker-panel-combobox {
	zoom: 1
}

.ant-time-picker-panel-combobox:after, .ant-time-picker-panel-combobox:before
	{
	content: "";
	display: table
}

.ant-time-picker-panel-combobox:after {
	clear: both
}

.ant-time-picker-panel-addon {
	padding: 8px;
	border-top: 1px solid #e8e8e8
}

.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
	.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight,
	.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
	.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight
	{
	animation-name: antSlideDownIn
}

.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
	.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight,
	.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
	.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight
	{
	animation-name: antSlideUpIn
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
	.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight
	{
	animation-name: antSlideDownOut
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
	.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight
	{
	animation-name: antSlideUpOut
}

.ant-time-picker {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	outline: 0;
	transition: opacity .3s;
	width: 128px
}

.ant-time-picker-input {
	position: relative;
	display: inline-block;
	padding: 4px 11px;
	width: 100%;
	height: 32px;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	background-color: #fff;
	background-image: none;
	border: 1px solid #d9d9d9;
	border-radius: 4px
}

.ant-time-picker-input::-moz-placeholder {
	color: #bfbfbf;
	opacity: 1
}

.ant-time-picker-input:-ms-input-placeholder {
	color: #bfbfbf
}

.ant-time-picker-input::-webkit-input-placeholder {
	color: #bfbfbf
}

.ant-time-picker-input:hover {
	border-color: #8c8484;
	border-right-width: 1px !important
}

.ant-time-picker-input:focus {
	border-color: #8c8484;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(128, 128, 128, .2);
	border-right-width: 1px !important
}

.ant-time-picker-input-disabled {
	background-color: #f5f5f5;
	opacity: 1;
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25)
}

.ant-time-picker-input-disabled:hover {
	border-color: #e6d8d8;
	border-right-width: 1px !important
}

textarea.ant-time-picker-input {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	transition: all .3s, height 0s;
	min-height: 32px
}

.ant-time-picker-input-lg {
	padding: 6px 11px;
	height: 40px;
	font-size: 14px 2px
}

.ant-time-picker-input-sm {
	padding: 1px 7px;
	height: 24px
}

.ant-time-picker-input[disabled] {
	background-color: #f5f5f5;
	opacity: 1;
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25)
}

.ant-time-picker-input[disabled]:hover {
	border-color: #e6d8d8;
	border-right-width: 1px !important
}

.ant-time-picker-open {
	opacity: 0
}

.ant-time-picker-icon {
	position: absolute;
	user-select: none;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	width: 14px;
	height: 14px;
	line-height: 14px;
	right: 11px;
	color: rgba(0, 0, 0, .25);
	top: 50%;
	margin-top: -7px
}

.ant-time-picker-icon:after {
	content: "\e641";
	font-family: anticon;
	display: block;
	line-height: 1
}

.ant-time-picker-large .ant-time-picker-input {
	padding: 6px 11px;
	height: 40px;
	font-size: 14px 2px
}

.ant-time-picker-small .ant-time-picker-input {
	padding: 1px 7px;
	height: 24px
}

.ant-time-picker-small .ant-time-picker-icon {
	right: 7px
}

.ant-time-picker-input {
	padding: 0;
	width: 100%;
	height: 100%;
	text-indent: 10px;
	top: -1px;
	left: -1px
}

@
keyframes antCheckboxEffect { 0%{
	transform: scale(1);
	opacity: .5
}

100%{
transform
:scale
(1
.6
);opacity
:
0
}
}
.ant-transfer {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative
}

.ant-transfer-list {
	border: 1px solid #d9d9d9;
	display: inline-block;
	border-radius: 4px;
	vertical-align: middle;
	position: relative;
	width: 180px;
	height: 200px;
	padding-top: 34px
}

.ant-transfer-list-with-footer {
	padding-bottom: 34px
}

.ant-transfer-list-search {
	padding: 0 8px
}

.ant-transfer-list-search-action {
	color: rgba(0, 0, 0, .25);
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	width: 28px;
	line-height: 32px;
	text-align: center
}

.ant-transfer-list-search-action .anticon {
	transition: all .3s;
	color: rgba(0, 0, 0, .25)
}

.ant-transfer-list-search-action .anticon:hover {
	color: rgba(0, 0, 0, .45)
}

span.ant-transfer-list-search-action {
	pointer-events: none
}

.ant-transfer-list-header {
	padding: 6px 12px;
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.ant-transfer-list-header-title {
	position: absolute;
	right: 12px
}

.ant-transfer-list-body {
	position: relative;
	height: 100%
}

.ant-transfer-list-body-search-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px;
	width: 100%
}

.ant-transfer-list-body-with-search {
	padding-top: 40px
}

.ant-transfer-list-content {
	height: 100%;
	overflow: auto;
	list-style: none;
	padding: 0;
	margin: 0
}

.ant-transfer-list-content-item {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 6px 12px;
	min-height: 32px
}

.ant-transfer-list-content-item>span {
	padding-right: 0
}

.ant-transfer-list-content-item:not (.ant-transfer-list-content-item-disabled
	):hover {
	cursor: pointer;
	background-color: #f8f8f8
}

.ant-transfer-list-content-item-disabled {
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25)
}

.ant-transfer-list-body-not-found {
	padding-top: 0;
	color: rgba(0, 0, 0, .25);
	text-align: center;
	display: none;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -10px
}

.ant-transfer-list-content:empty+.ant-transfer-list-body-not-found {
	display: block
}

.ant-transfer-list-footer {
	border-top: 1px solid #e8e8e8;
	border-radius: 0 0 4px 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.ant-transfer-operation {
	display: inline-block;
	overflow: hidden;
	margin: 0 10px;
	vertical-align: middle
}

.ant-transfer-operation .ant-btn {
	display: block
}

.ant-transfer-operation .ant-btn:first-child {
	margin-bottom: 4px
}

.ant-transfer-operation .ant-btn .anticon {
	font-size: 12px
}

@
keyframes transferHighlightIn { 0%{
	background: #b3a9a8
}

100%{
background
:
0
 
0
}
}
.ant-fullcalendar {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	outline: 0;
	border-top: 1px solid #d9d9d9
}

.ant-fullcalendar-month-select {
	margin-left: 5px
}

.ant-fullcalendar-header {
	padding: 0 4px 20px 0;
	text-align: right
}

.ant-fullcalendar-header .ant-select-dropdown {
	text-align: left
}

.ant-fullcalendar-header .ant-radio-group {
	margin-left: 8px;
	text-align: left
}

.ant-fullcalendar-header label.ant-radio-button {
	height: 22px;
	line-height: 20px;
	padding: 0 10px
}

.ant-fullcalendar-date-panel {
	position: relative;
	outline: 0
}

.ant-fullcalendar table {
	border-collapse: collapse;
	max-width: 100%;
	background-color: transparent;
	width: 100%
}

.ant-fullcalendar table, .ant-fullcalendar td, .ant-fullcalendar th {
	border: 0
}

.ant-fullcalendar td {
	position: relative
}

.ant-fullcalendar-calendar-table {
	border-spacing: 0;
	margin-bottom: 0
}

.ant-fullcalendar-column-header {
	line-height: 18px;
	padding: 0;
	width: 33px;
	text-align: center
}

.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
	display: block;
	font-weight: 400
}

.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner
	{
	display: none
}

.ant-fullcalendar-date, .ant-fullcalendar-month {
	text-align: center;
	transition: all .3s
}

.ant-fullcalendar-value {
	display: block;
	margin: 0 auto;
	color: rgba(0, 0, 0, .65);
	border-radius: 2px;
	width: 24px;
	height: 24px;
	padding: 0;
	background: 0 0;
	line-height: 24px;
	transition: all .3s
}

.ant-fullcalendar-value:hover {
	background: #ccc;
	cursor: pointer
}

.ant-fullcalendar-value:active {
	color: #fff
}

.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
	width: 48px
}

.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
	.ant-fullcalendar-today .ant-fullcalendar-value {
	box-shadow: 0 0 0 1px grey inset
}

.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
	.ant-fullcalendar-selected-day .ant-fullcalendar-value {
	background: grey;
	color: #fff
}

.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
	.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
	color: rgba(0, 0, 0, .25)
}

.ant-fullcalendar-month-panel-table {
	table-layout: fixed;
	width: 100%;
	border-collapse: separate
}

.ant-fullcalendar-content {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -9px
}

.ant-fullcalendar-fullscreen {
	border-top: 0;
	background: #fff
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
	table-layout: fixed
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
	margin-left: 16px
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button
	{
	height: 32px;
	line-height: 30px
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-date,
	.ant-fullcalendar-fullscreen .ant-fullcalendar-month {
	text-align: left;
	margin: 0 4px;
	display: block;
	color: rgba(0, 0, 0, .65);
	height: 100%;
	padding: 4px 8px;
	border-top: 2px solid #e8e8e8;
	transition: background .3s
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover,
	.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover {
	background: #f8f8f8;
	cursor: pointer
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
	text-align: right;
	padding-right: 12px;
	padding-bottom: 5px
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
	text-align: right;
	background: 0 0;
	width: auto
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value
	{
	color: rgba(0, 0, 0, .65)
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
	.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date
	{
	border-top-color: grey;
	background: 0 0
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
	.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value
	{
	box-shadow: none
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
	.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date
	{
	background: #bfb6b4
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
	.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value
	{
	color: grey
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
	.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date
	{
	color: rgba(0, 0, 0, .25)
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
	overflow-y: auto;
	position: static;
	width: auto;
	left: auto;
	bottom: auto
}

.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,
	.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
	cursor: not-allowed
}

.ant-fullcalendar-disabled-cell:not (.ant-fullcalendar-today ) .ant-fullcalendar-date,
	.ant-fullcalendar-disabled-cell:not (.ant-fullcalendar-today ) .ant-fullcalendar-date:hover
	{
	background: 0 0
}

.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
	color: rgba(0, 0, 0, .25);
	border-radius: 0;
	width: auto;
	cursor: not-allowed
}

.ant-carousel {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none
}

.ant-carousel .slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	height: 100%;
	overflow: hidden
}

.ant-carousel .slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	min-height: 100%
}

.ant-carousel .slick-list:focus {
	outline: 0
}

.ant-carousel .slick-list.dragging {
	cursor: pointer
}

.ant-carousel .slick-slider .slick-list, .ant-carousel .slick-slider .slick-track
	{
	transform: translate3d(0, 0, 0)
}

.ant-carousel .slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.ant-carousel .slick-track:after, .ant-carousel .slick-track:before {
	content: "";
	display: table
}

.ant-carousel .slick-track:after {
	clear: both
}

.slick-loading .ant-carousel .slick-track {
	visibility: hidden
}

.ant-carousel .slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir=rtl] .ant-carousel .slick-slide {
	float: right
}

.ant-carousel .slick-slide img {
	display: block
}

.ant-carousel .slick-slide.slick-loading img {
	display: none
}

.ant-carousel .slick-slide.dragging img {
	pointer-events: none
}

.ant-carousel .slick-initialized .slick-slide {
	display: block
}

.ant-carousel .slick-loading .slick-slide {
	visibility: hidden
}

.ant-carousel .slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.ant-carousel .slick-arrow.slick-hidden {
	display: none
}

.ant-carousel .slick-next, .ant-carousel .slick-prev {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: 0 0;
	color: transparent;
	top: 50%;
	margin-top: -10px;
	padding: 0;
	border: 0;
	outline: 0
}

.ant-carousel .slick-next:focus, .ant-carousel .slick-next:hover,
	.ant-carousel .slick-prev:focus, .ant-carousel .slick-prev:hover {
	outline: 0;
	background: 0 0;
	color: transparent
}

.ant-carousel .slick-next:focus:before, .ant-carousel .slick-next:hover:before,
	.ant-carousel .slick-prev:focus:before, .ant-carousel .slick-prev:hover:before
	{
	opacity: 1
}

.ant-carousel .slick-next.slick-disabled:before, .ant-carousel .slick-prev.slick-disabled:before
	{
	opacity: .25
}

.ant-carousel .slick-prev {
	left: -25px
}

.ant-carousel .slick-prev:before {
	content: "←"
}

.ant-carousel .slick-next {
	right: -25px
}

.ant-carousel .slick-next:before {
	content: "→"
}

.ant-carousel .slick-dots {
	position: absolute;
	bottom: 12px;
	list-style: none;
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 3px
}

.ant-carousel .slick-dots li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 2px;
	padding: 0
}

.ant-carousel .slick-dots li button {
	border: 0;
	cursor: pointer;
	background: #fff;
	opacity: .3;
	display: block;
	width: 16px;
	height: 3px;
	border-radius: 1px;
	outline: 0;
	font-size: 0;
	color: transparent;
	transition: all .5s;
	padding: 0
}

.ant-carousel .slick-dots li button:focus, .ant-carousel .slick-dots li button:hover
	{
	opacity: .75
}

.ant-carousel .slick-dots li.slick-active button {
	background: #fff;
	opacity: 1;
	width: 24px
}

.ant-carousel .slick-dots li.slick-active button:focus, .ant-carousel .slick-dots li.slick-active button:hover
	{
	opacity: 1
}

.ant-carousel-vertical .slick-dots {
	width: 3px;
	bottom: auto;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	height: auto
}

.ant-carousel-vertical .slick-dots li {
	margin: 0 2px;
	vertical-align: baseline
}

.ant-carousel-vertical .slick-dots li button {
	width: 3px;
	height: 16px
}

.ant-carousel-vertical .slick-dots li.slick-active button {
	width: 3px;
	height: 24px
}

.ant-collapse {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	border-bottom: 0;
	overflow: hidden
}

.ant-collapse>.ant-collapse-item {
	border-bottom: 1px solid #d9d9d9;
	box-sizing: border-box
}

.ant-collapse>.ant-collapse-item:last-child {
	border-bottom: none
}

.ant-collapse>.ant-collapse-item:last-child, .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header
	{
	border-radius: 0 0 4px 4px
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header {
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 40px;
	color: rgba(0, 0, 0, .85);
	cursor: pointer;
	position: relative
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow {
	font-style: normal;
	vertical-align: baseline;
	text-align: center;
	text-transform: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(-90deg);
	font-size: 12px;
	position: absolute;
	display: inline-block;
	line-height: 46px;
	vertical-align: top;
	transition: transform .24s;
	top: 0;
	left: 16px;
	line-height: 1
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow:before {
	display: block;
	font-family: anticon !important
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header:focus {
	outline: 0
}

.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header
	{
	padding-left: 12px
}

.ant-collapse-anim-active {
	transition: height .2s cubic-bezier(.215, .61, .355, 1)
}

.ant-collapse-content {
	overflow: hidden;
	color: rgba(0, 0, 0, .65);
	border-top: 1px solid #d9d9d9
}

.ant-collapse-content>.ant-collapse-content-box {
	padding: 16px
}

.ant-collapse-content-inactive {
	display: none
}

.ant-collapse-item:last-child>.ant-collapse-content {
	border-radius: 0 0 4px 4px
}

.ant-collapse>.ant-collapse-item>.ant-collapse-header[aria-expanded=true] .arrow
	{
	transform: rotate(0)
}

.ant-collapse-borderless {
	border: 0
}

.ant-collapse-borderless>.ant-collapse-item {
	border-bottom: 1px solid #d9d9d9
}

.ant-collapse-borderless>.ant-collapse-item:last-child,
	.ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header
	{
	border-radius: 0
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content {
	background-color: transparent;
	border-top: 0
}

.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box
	{
	padding-top: 4px
}

.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,
	.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow {
	cursor: not-allowed;
	color: rgba(0, 0, 0, .25)
}

@
keyframes antCheckboxEffect { 0%{
	transform: scale(1);
	opacity: .5
}

100%{
transform
:scale
(1
.6
);opacity
:
0
}
}
.ant-tree.ant-tree-directory {
	position: relative
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-switcher,
	.ant-tree.ant-tree-directory>li span.ant-tree-switcher {
	position: relative;
	z-index: 1
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-switcher.ant-tree-switcher-noop,
	.ant-tree.ant-tree-directory>li span.ant-tree-switcher.ant-tree-switcher-noop
	{
	pointer-events: none
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-checkbox,
	.ant-tree.ant-tree-directory>li span.ant-tree-checkbox {
	position: relative;
	z-index: 1
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper,
	.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper {
	user-select: none;
	border-radius: 0
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:hover,
	.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:hover
	{
	background: 0 0
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:hover:before,
	.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:hover:before
	{
	background: #e6f7ff
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
	.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper.ant-tree-node-selected
	{
	color: #fff;
	background: 0 0
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:before,
	.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:before
	{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: 24px;
	transition: all .3s
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper>span,
	.ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper>span
	{
	position: relative;
	z-index: 1
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-switcher,
	.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-switcher
	{
	color: #fff
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox .ant-tree-checkbox-inner,
	.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox .ant-tree-checkbox-inner
	{
	border-color: #1890ff
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked:after,
	.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked:after
	{
	border-color: #fff
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
	.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner
	{
	background: #fff
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after,
	.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after
	{
	border-color: #1890ff
}

.ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper:before,
	.ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper:before
	{
	background: #1890ff
}

.ant-tree-checkbox {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	cursor: pointer;
	outline: 0;
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: middle;
	top: -.09em
}

.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner,
	.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
	.ant-tree-checkbox:hover .ant-tree-checkbox-inner {
	border-color: #1890ff
}

.ant-tree-checkbox-checked:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	border: 1px solid #1890ff;
	content: '';
	animation: antCheckboxEffect .36s ease-in-out;
	animation-fill-mode: both;
	visibility: hidden
}

.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox:after,
	.ant-tree-checkbox:hover:after {
	visibility: visible
}

.ant-tree-checkbox-inner {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	background-color: #fff;
	transition: all .3s
}

.ant-tree-checkbox-inner:after {
	transform: rotate(45deg) scale(0);
	position: absolute;
	left: 4.57142857px;
	top: 1.14285714px;
	display: table;
	width: 5.71428571px;
	height: 9.14285714px;
	border: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	content: ' ';
	transition: all .1s cubic-bezier(.71, -.46, .88, .6)
}

.ant-tree-checkbox-input {
	position: absolute;
	left: 0;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after {
	content: ' ';
	transform: scale(1);
	position: absolute;
	left: 2.42857143px;
	top: 5.92857143px;
	width: 9.14285714px;
	height: 1.14285714px
}

.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after
	{
	border-color: rgba(0, 0, 0, .25)
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after {
	transform: rotate(45deg) scale(1);
	position: absolute;
	display: table;
	border: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	content: ' ';
	transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
	.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
	background-color: #1890ff;
	border-color: #1890ff
}

.ant-tree-checkbox-disabled {
	cursor: not-allowed
}

.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after
	{
	animation-name: none;
	border-color: rgba(0, 0, 0, .25)
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
	cursor: not-allowed
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
	border-color: #d9d9d9 !important;
	background-color: #f5f5f5
}

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner:after {
	animation-name: none;
	border-color: #f5f5f5
}

.ant-tree-checkbox-disabled+span {
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

.ant-tree-checkbox-wrapper {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: unset;
	cursor: pointer;
	display: inline-block;
	color: inherit;
	font-size: inherit
}

.ant-tree-checkbox-wrapper.is-vertical {
	display: block
}

.ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper {
	margin-left: 8px
}

.ant-tree-checkbox+span, .ant-tree-checkbox-wrapper+span {
	padding-left: 8px;
	padding-right: 8px
}

.ant-tree-checkbox-group {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block
}

.ant-tree-checkbox-group-item {
	display: inline-block;
	margin-right: 8px
}

.ant-tree-checkbox-group-item:last-child {
	margin-right: 0
}

.ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item {
	margin-left: 0
}

.ant-tree {
	font-family: "Monospaced Number", "Chinese Quote", -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
		Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(0, 0, 0, .65);
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0
}

.ant-tree ol, .ant-tree ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.ant-tree li {
	padding: 4px 0;
	margin: 0;
	list-style: none;
	white-space: nowrap;
	outline: 0
}

.ant-tree li span[draggable=true], .ant-tree li span[draggable] {
	user-select: none;
	border-top: 2px transparent solid;
	border-bottom: 2px transparent solid;
	margin-top: -2px;
	-khtml-user-drag: element;
	-webkit-user-drag: element
}

.ant-tree li.drag-over>span[draggable] {
	background-color: #1890ff;
	color: #fff;
	opacity: .8
}

.ant-tree li.drag-over-gap-top>span[draggable] {
	border-top-color: #1890ff
}

.ant-tree li.drag-over-gap-bottom>span[draggable] {
	border-bottom-color: #1890ff
}

.ant-tree li.filter-node>span {
	color: #f5222d !important;
	font-weight: 500 !important
}

.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close:before,
	.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open:before
	{
	display: inline-block;
	position: absolute;
	left: 0;
	width: 24px;
	height: 24px;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\E64D";
	animation: loadingCircle 1s infinite linear;
	color: #1890ff;
	transform: none;
	font-size: 14px
}

:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close:after,
	:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open:after
	{
	opacity: 0
}

.ant-tree li ul {
	margin: 0;
	padding: 0 0 0 18px
}

.ant-tree li .ant-tree-node-content-wrapper {
	display: inline-block;
	padding: 0 5px;
	border-radius: 2px;
	margin: 0;
	cursor: pointer;
	text-decoration: none;
	vertical-align: top;
	color: rgba(0, 0, 0, .65);
	transition: all .3s;
	height: 24px;
	line-height: 24px
}

.ant-tree li .ant-tree-node-content-wrapper:hover {
	font-weight: 700
}

.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
	background-color: #bae7ff;
	font-weight: 700
}

.ant-tree li span.ant-tree-checkbox {
	margin: 4px 4px 0 2px
}

.ant-tree li span.ant-tree-iconEle, .ant-tree li span.ant-tree-switcher
	{
	margin: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	vertical-align: top;
	border: 0 none;
	cursor: pointer;
	outline: 0;
	text-align: center
}

.ant-tree li span.ant-tree-switcher {
	position: relative
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
	cursor: default
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open:after {
	font-size: 12px;
	transform: scale(.58333333) rotate(0);
	display: inline-block;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e606";
	font-weight: 700;
	transition: transform .3s
}

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open:after {
	font-size: 12px
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
	font-size: 12px;
	transform: scale(.58333333) rotate(0);
	display: inline-block;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e606";
	font-weight: 700;
	transition: transform .3s
}

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after
	{
	font-size: 12px
}

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close:after {
	transform: rotate(270deg) scale(.59)
}

.ant-tree li:last-child>span.ant-tree-iconEle:before, .ant-tree li:last-child>span.ant-tree-switcher:before
	{
	display: none
}

.ant-tree>li:first-child {
	padding-top: 7px
}

.ant-tree>li:last-child {
	padding-bottom: 7px
}

.ant-tree-child-tree {
	display: none
}

.ant-tree-child-tree-open {
	display: block
}

li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper, li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper span,
	li.ant-tree-treenode-disabled>span:not (.ant-tree-switcher ){
	color: rgba(0, 0, 0, .25);
	cursor: not-allowed
}

li.ant-tree-treenode-disabled>.ant-tree-node-content-wrapper:hover {
	background: 0 0
}

.ant-tree-icon__open {
	margin-right: 2px;
	vertical-align: top
}

.ant-tree-icon__close {
	margin-right: 2px;
	vertical-align: top
}

.ant-tree.ant-tree-show-line li {
	position: relative
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
	background: #fff;
	color: rgba(0, 0, 0, .45)
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after
	{
	font-size: 12px;
	transform: scale(1) rotate(0);
	display: inline-block;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e664";
	vertical-align: baseline;
	font-weight: 400;
	transition: transform .3s
}

:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop:after
	{
	font-size: 12px
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open:after
	{
	font-size: 12px;
	transform: scale(1) rotate(0);
	display: inline-block;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e621";
	vertical-align: baseline;
	font-weight: 400;
	transition: transform .3s
}

:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open:after
	{
	font-size: 12px
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close:after
	{
	font-size: 12px;
	transform: scale(1) rotate(0);
	display: inline-block;
	font-family: anticon;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e645";
	vertical-align: baseline;
	font-weight: 400;
	transition: transform .3s
}

:root .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close:after
	{
	font-size: 12px
}

.ant-tree.ant-tree-show-line li:not (:last-child ):before {
	content: ' ';
	width: 1px;
	border-left: 1px solid #d9d9d9;
	height: 100%;
	position: absolute;
	left: 12px;
	margin: 22px 0
}

.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle
	{
	display: none
}

.ant-btn {
	line-height: 1.5;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 0 15px;
	font-size: 14px;
	border-radius: 4px;
	height: 32px;
	user-select: none;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	position: relative;
	color: rgba(0, 0, 0, .65);
	background-color: #fff;
	border-color: #d9d9d9
}

.ant-btn>.anticon {
	line-height: 1
}

.ant-btn, .ant-btn:active, .ant-btn:focus {
	outline: 0
}

.ant-btn:not ([disabled] ):hover {
	text-decoration: none
}

.ant-btn:not ([disabled] ):active {
	outline: 0;
	transition: none
}

.ant-btn.disabled, .ant-btn[disabled] {
	cursor: not-allowed
}

.ant-btn.disabled>*, .ant-btn[disabled]>* {
	pointer-events: none
}

.ant-btn-lg {
	padding: 0 15px;
	font-size: 14px 2px;
	border-radius: 4px;
	height: 40px
}

.ant-btn-sm {
	padding: 0 7px;
	font-size: 14px;
	border-radius: 4px;
	height: 24px
}

.ant-btn>a:only-child {
	color: currentColor
}

.ant-btn>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn:focus, .ant-btn:hover {
	color: #8c8484;
	background-color: #fff;
	border-color: #8c8484
}

.ant-btn:focus>a:only-child, .ant-btn:hover>a:only-child {
	color: currentColor
}

.ant-btn:focus>a:only-child:after, .ant-btn:hover>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn.active, .ant-btn:active {
	color: #595454;
	background-color: #fff;
	border-color: #595454
}

.ant-btn.active>a:only-child, .ant-btn:active>a:only-child {
	color: currentColor
}

.ant-btn.active>a:only-child:after, .ant-btn:active>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn.disabled, .ant-btn.disabled.active, .ant-btn.disabled:active,
	.ant-btn.disabled:focus, .ant-btn.disabled:hover, .ant-btn[disabled],
	.ant-btn[disabled].active, .ant-btn[disabled]:active, .ant-btn[disabled]:focus,
	.ant-btn[disabled]:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-btn.disabled.active>a:only-child, .ant-btn.disabled:active>a:only-child,
	.ant-btn.disabled:focus>a:only-child, .ant-btn.disabled:hover>a:only-child,
	.ant-btn.disabled>a:only-child, .ant-btn[disabled].active>a:only-child,
	.ant-btn[disabled]:active>a:only-child, .ant-btn[disabled]:focus>a:only-child,
	.ant-btn[disabled]:hover>a:only-child, .ant-btn[disabled]>a:only-child
	{
	color: currentColor
}

.ant-btn.disabled.active>a:only-child:after, .ant-btn.disabled:active>a:only-child:after,
	.ant-btn.disabled:focus>a:only-child:after, .ant-btn.disabled:hover>a:only-child:after,
	.ant-btn.disabled>a:only-child:after, .ant-btn[disabled].active>a:only-child:after,
	.ant-btn[disabled]:active>a:only-child:after, .ant-btn[disabled]:focus>a:only-child:after,
	.ant-btn[disabled]:hover>a:only-child:after, .ant-btn[disabled]>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn.active, .ant-btn:active, .ant-btn:focus, .ant-btn:hover {
	background: #fff;
	text-decoration: none
}

.ant-btn>i, .ant-btn>span {
	pointer-events: none
}

.ant-btn-primary {
	color: #fff;
	background-color: grey;
	border-color: grey
}

.ant-btn-primary>a:only-child {
	color: currentColor
}

.ant-btn-primary>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-primary:focus, .ant-btn-primary:hover {
	color: #fff;
	background-color: #8c8484;
	border-color: #8c8484
}

.ant-btn-primary:focus>a:only-child, .ant-btn-primary:hover>a:only-child
	{
	color: currentColor
}

.ant-btn-primary:focus>a:only-child:after, .ant-btn-primary:hover>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-primary.active, .ant-btn-primary:active {
	color: #fff;
	background-color: #595454;
	border-color: #595454
}

.ant-btn-primary.active>a:only-child, .ant-btn-primary:active>a:only-child
	{
	color: currentColor
}

.ant-btn-primary.active>a:only-child:after, .ant-btn-primary:active>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-primary.disabled, .ant-btn-primary.disabled.active,
	.ant-btn-primary.disabled:active, .ant-btn-primary.disabled:focus,
	.ant-btn-primary.disabled:hover, .ant-btn-primary[disabled],
	.ant-btn-primary[disabled].active, .ant-btn-primary[disabled]:active,
	.ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-btn-primary.disabled.active>a:only-child, .ant-btn-primary.disabled:active>a:only-child,
	.ant-btn-primary.disabled:focus>a:only-child, .ant-btn-primary.disabled:hover>a:only-child,
	.ant-btn-primary.disabled>a:only-child, .ant-btn-primary[disabled].active>a:only-child,
	.ant-btn-primary[disabled]:active>a:only-child, .ant-btn-primary[disabled]:focus>a:only-child,
	.ant-btn-primary[disabled]:hover>a:only-child, .ant-btn-primary[disabled]>a:only-child
	{
	color: currentColor
}

.ant-btn-primary.disabled.active>a:only-child:after, .ant-btn-primary.disabled:active>a:only-child:after,
	.ant-btn-primary.disabled:focus>a:only-child:after, .ant-btn-primary.disabled:hover>a:only-child:after,
	.ant-btn-primary.disabled>a:only-child:after, .ant-btn-primary[disabled].active>a:only-child:after,
	.ant-btn-primary[disabled]:active>a:only-child:after, .ant-btn-primary[disabled]:focus>a:only-child:after,
	.ant-btn-primary[disabled]:hover>a:only-child:after, .ant-btn-primary[disabled]>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-group .ant-btn-primary:not (:first-child ):not (:last-child ){
	border-right-color: #8c8484;
	border-left-color: #8c8484
}

.ant-btn-group .ant-btn-primary:not (:first-child ):not (:last-child ):disabled
	{
	border-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary:first-child:not (:last-child ){
	border-right-color: #8c8484
}

.ant-btn-group .ant-btn-primary:first-child:not (:last-child )[disabled]
	{
	border-right-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary, .ant-btn-group .ant-btn-primary:last-child:not
	(:first-child ){
	border-left-color: #8c8484
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],
	.ant-btn-group .ant-btn-primary:last-child:not (:first-child )[disabled]
	{
	border-left-color: #d9d9d9
}

.ant-btn-ghost {
	color: rgba(0, 0, 0, .65);
	background-color: transparent;
	border-color: #d9d9d9
}

.ant-btn-ghost>a:only-child {
	color: currentColor
}

.ant-btn-ghost>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-ghost:focus, .ant-btn-ghost:hover {
	color: #8c8484;
	background-color: transparent;
	border-color: #8c8484
}

.ant-btn-ghost:focus>a:only-child, .ant-btn-ghost:hover>a:only-child {
	color: currentColor
}

.ant-btn-ghost:focus>a:only-child:after, .ant-btn-ghost:hover>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-ghost.active, .ant-btn-ghost:active {
	color: #595454;
	background-color: transparent;
	border-color: #595454
}

.ant-btn-ghost.active>a:only-child, .ant-btn-ghost:active>a:only-child {
	color: currentColor
}

.ant-btn-ghost.active>a:only-child:after, .ant-btn-ghost:active>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-ghost.disabled, .ant-btn-ghost.disabled.active, .ant-btn-ghost.disabled:active,
	.ant-btn-ghost.disabled:focus, .ant-btn-ghost.disabled:hover,
	.ant-btn-ghost[disabled], .ant-btn-ghost[disabled].active,
	.ant-btn-ghost[disabled]:active, .ant-btn-ghost[disabled]:focus,
	.ant-btn-ghost[disabled]:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-btn-ghost.disabled.active>a:only-child, .ant-btn-ghost.disabled:active>a:only-child,
	.ant-btn-ghost.disabled:focus>a:only-child, .ant-btn-ghost.disabled:hover>a:only-child,
	.ant-btn-ghost.disabled>a:only-child, .ant-btn-ghost[disabled].active>a:only-child,
	.ant-btn-ghost[disabled]:active>a:only-child, .ant-btn-ghost[disabled]:focus>a:only-child,
	.ant-btn-ghost[disabled]:hover>a:only-child, .ant-btn-ghost[disabled]>a:only-child
	{
	color: currentColor
}

.ant-btn-ghost.disabled.active>a:only-child:after, .ant-btn-ghost.disabled:active>a:only-child:after,
	.ant-btn-ghost.disabled:focus>a:only-child:after, .ant-btn-ghost.disabled:hover>a:only-child:after,
	.ant-btn-ghost.disabled>a:only-child:after, .ant-btn-ghost[disabled].active>a:only-child:after,
	.ant-btn-ghost[disabled]:active>a:only-child:after, .ant-btn-ghost[disabled]:focus>a:only-child:after,
	.ant-btn-ghost[disabled]:hover>a:only-child:after, .ant-btn-ghost[disabled]>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-dashed {
	color: rgba(0, 0, 0, .65);
	background-color: #fff;
	border-color: #d9d9d9;
	border-style: dashed
}

.ant-btn-dashed>a:only-child {
	color: currentColor
}

.ant-btn-dashed>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-dashed:focus, .ant-btn-dashed:hover {
	color: #8c8484;
	background-color: #fff;
	border-color: #8c8484
}

.ant-btn-dashed:focus>a:only-child, .ant-btn-dashed:hover>a:only-child {
	color: currentColor
}

.ant-btn-dashed:focus>a:only-child:after, .ant-btn-dashed:hover>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-dashed.active, .ant-btn-dashed:active {
	color: #595454;
	background-color: #fff;
	border-color: #595454
}

.ant-btn-dashed.active>a:only-child, .ant-btn-dashed:active>a:only-child
	{
	color: currentColor
}

.ant-btn-dashed.active>a:only-child:after, .ant-btn-dashed:active>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-dashed.disabled, .ant-btn-dashed.disabled.active,
	.ant-btn-dashed.disabled:active, .ant-btn-dashed.disabled:focus,
	.ant-btn-dashed.disabled:hover, .ant-btn-dashed[disabled],
	.ant-btn-dashed[disabled].active, .ant-btn-dashed[disabled]:active,
	.ant-btn-dashed[disabled]:focus, .ant-btn-dashed[disabled]:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-btn-dashed.disabled.active>a:only-child, .ant-btn-dashed.disabled:active>a:only-child,
	.ant-btn-dashed.disabled:focus>a:only-child, .ant-btn-dashed.disabled:hover>a:only-child,
	.ant-btn-dashed.disabled>a:only-child, .ant-btn-dashed[disabled].active>a:only-child,
	.ant-btn-dashed[disabled]:active>a:only-child, .ant-btn-dashed[disabled]:focus>a:only-child,
	.ant-btn-dashed[disabled]:hover>a:only-child, .ant-btn-dashed[disabled]>a:only-child
	{
	color: currentColor
}

.ant-btn-dashed.disabled.active>a:only-child:after, .ant-btn-dashed.disabled:active>a:only-child:after,
	.ant-btn-dashed.disabled:focus>a:only-child:after, .ant-btn-dashed.disabled:hover>a:only-child:after,
	.ant-btn-dashed.disabled>a:only-child:after, .ant-btn-dashed[disabled].active>a:only-child:after,
	.ant-btn-dashed[disabled]:active>a:only-child:after, .ant-btn-dashed[disabled]:focus>a:only-child:after,
	.ant-btn-dashed[disabled]:hover>a:only-child:after, .ant-btn-dashed[disabled]>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-danger {
	color: #f5222d;
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-btn-danger>a:only-child {
	color: currentColor
}

.ant-btn-danger>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-danger:hover {
	color: #fff;
	background-color: #ff4d4f;
	border-color: #ff4d4f
}

.ant-btn-danger:hover>a:only-child {
	color: currentColor
}

.ant-btn-danger:hover>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-danger:focus {
	color: #ff4d4f;
	background-color: #fff;
	border-color: #ff4d4f
}

.ant-btn-danger:focus>a:only-child {
	color: currentColor
}

.ant-btn-danger:focus>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-danger.active, .ant-btn-danger:active {
	color: #fff;
	background-color: #cf1322;
	border-color: #cf1322
}

.ant-btn-danger.active>a:only-child, .ant-btn-danger:active>a:only-child
	{
	color: currentColor
}

.ant-btn-danger.active>a:only-child:after, .ant-btn-danger:active>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-danger.disabled, .ant-btn-danger.disabled.active,
	.ant-btn-danger.disabled:active, .ant-btn-danger.disabled:focus,
	.ant-btn-danger.disabled:hover, .ant-btn-danger[disabled],
	.ant-btn-danger[disabled].active, .ant-btn-danger[disabled]:active,
	.ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-btn-danger.disabled.active>a:only-child, .ant-btn-danger.disabled:active>a:only-child,
	.ant-btn-danger.disabled:focus>a:only-child, .ant-btn-danger.disabled:hover>a:only-child,
	.ant-btn-danger.disabled>a:only-child, .ant-btn-danger[disabled].active>a:only-child,
	.ant-btn-danger[disabled]:active>a:only-child, .ant-btn-danger[disabled]:focus>a:only-child,
	.ant-btn-danger[disabled]:hover>a:only-child, .ant-btn-danger[disabled]>a:only-child
	{
	color: currentColor
}

.ant-btn-danger.disabled.active>a:only-child:after, .ant-btn-danger.disabled:active>a:only-child:after,
	.ant-btn-danger.disabled:focus>a:only-child:after, .ant-btn-danger.disabled:hover>a:only-child:after,
	.ant-btn-danger.disabled>a:only-child:after, .ant-btn-danger[disabled].active>a:only-child:after,
	.ant-btn-danger[disabled]:active>a:only-child:after, .ant-btn-danger[disabled]:focus>a:only-child:after,
	.ant-btn-danger[disabled]:hover>a:only-child:after, .ant-btn-danger[disabled]>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn:before {
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	background: #fff;
	opacity: .35;
	content: '';
	border-radius: inherit;
	z-index: 1;
	transition: opacity .2s;
	pointer-events: none;
	display: none
}

.ant-btn .anticon {
	transition: margin-left .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-btn.ant-btn-loading:before {
	display: block
}

.ant-btn.ant-btn-loading:not (.ant-btn-circle ):not (.ant-btn-circle-outline
	):not (.ant-btn-icon-only ){
	padding-left: 29px;
	pointer-events: none;
	position: relative
}

.ant-btn.ant-btn-loading:not (.ant-btn-circle ):not (.ant-btn-circle-outline
	):not (.ant-btn-icon-only ) .anticon {
	margin-left: -14px
}

.ant-btn-sm.ant-btn-loading:not (.ant-btn-circle ):not (.ant-btn-circle-outline
	):not (.ant-btn-icon-only ){
	padding-left: 24px
}

.ant-btn-sm.ant-btn-loading:not (.ant-btn-circle ):not (.ant-btn-circle-outline
	):not (.ant-btn-icon-only ) .anticon {
	margin-left: -17px
}

.ant-btn-group {
	position: relative;
	display: inline-block
}

.ant-btn-group>.ant-btn, .ant-btn-group>span>.ant-btn {
	position: relative;
	line-height: 30px
}

.ant-btn-group>.ant-btn.active, .ant-btn-group>.ant-btn:active,
	.ant-btn-group>.ant-btn:focus, .ant-btn-group>.ant-btn:hover,
	.ant-btn-group>span>.ant-btn.active, .ant-btn-group>span>.ant-btn:active,
	.ant-btn-group>span>.ant-btn:focus, .ant-btn-group>span>.ant-btn:hover
	{
	z-index: 2
}

.ant-btn-group>.ant-btn:disabled, .ant-btn-group>span>.ant-btn:disabled
	{
	z-index: 0
}

.ant-btn-group-lg>.ant-btn, .ant-btn-group-lg>span>.ant-btn {
	padding: 0 15px;
	font-size: 14px 2px;
	border-radius: 0;
	height: 40px;
	line-height: 38px
}

.ant-btn-group-sm>.ant-btn, .ant-btn-group-sm>span>.ant-btn {
	padding: 0 7px;
	font-size: 14px;
	border-radius: 0;
	height: 24px;
	line-height: 22px
}

.ant-btn-group-sm>.ant-btn>.anticon, .ant-btn-group-sm>span>.ant-btn>.anticon
	{
	font-size: 14px
}

.ant-btn+.ant-btn-group, .ant-btn-group .ant-btn+.ant-btn,
	.ant-btn-group .ant-btn+span, .ant-btn-group span+.ant-btn,
	.ant-btn-group+.ant-btn, .ant-btn-group+.ant-btn-group, .ant-btn-group>span+span
	{
	margin-left: -1px
}

.ant-btn-group .ant-btn-primary+.ant-btn:not (.ant-btn-primary ):not ([disabled]
	){
	border-left-color: transparent
}

.ant-btn-group .ant-btn {
	border-radius: 0
}

.ant-btn-group>.ant-btn:first-child, .ant-btn-group>span:first-child>.ant-btn
	{
	margin-left: 0
}

.ant-btn-group>.ant-btn:only-child {
	border-radius: 4px
}

.ant-btn-group>span:only-child>.ant-btn {
	border-radius: 4px
}

.ant-btn-group>.ant-btn:first-child:not (:last-child ), .ant-btn-group>span:first-child:not
	(:last-child )>.ant-btn {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.ant-btn-group>.ant-btn:last-child:not (:first-child ), .ant-btn-group>span:last-child:not
	(:first-child )>.ant-btn {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.ant-btn-group-sm>.ant-btn:only-child {
	border-radius: 4px
}

.ant-btn-group-sm>span:only-child>.ant-btn {
	border-radius: 4px
}

.ant-btn-group-sm>.ant-btn:first-child:not (:last-child ),
	.ant-btn-group-sm>span:first-child:not (:last-child )>.ant-btn {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.ant-btn-group-sm>.ant-btn:last-child:not (:first-child ),
	.ant-btn-group-sm>span:last-child:not (:first-child )>.ant-btn {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.ant-btn-group>.ant-btn-group {
	float: left
}

.ant-btn-group>.ant-btn-group:not (:first-child ):not (:last-child )>.ant-btn
	{
	border-radius: 0
}

.ant-btn-group>.ant-btn-group:first-child:not (:last-child )>.ant-btn:last-child
	{
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	padding-right: 8px
}

.ant-btn-group>.ant-btn-group:last-child:not (:first-child )>.ant-btn:first-child
	{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	padding-left: 8px
}

.ant-btn:not (.ant-btn-circle ):not (.ant-btn-circle-outline ).ant-btn-icon-only
	{
	padding-left: 8px;
	padding-right: 8px
}

.ant-btn:active>span, .ant-btn:focus>span {
	position: relative
}

.ant-btn>.anticon+span, .ant-btn>span+.anticon {
	margin-left: 8px
}

.ant-btn-clicked:after {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	bottom: -1px;
	right: -1px;
	border-radius: inherit;
	border: 0 solid grey;
	opacity: .4;
	animation: buttonEffect .4s;
	display: block
}

.ant-btn-danger.ant-btn-clicked:after {
	border-color: #f5222d
}

.ant-btn-background-ghost {
	background: 0 0 !important;
	border-color: #fff;
	color: #fff
}

.ant-btn-background-ghost.ant-btn-primary {
	color: grey;
	background-color: transparent;
	border-color: grey
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child {
	color: currentColor
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-background-ghost.ant-btn-primary:focus,
	.ant-btn-background-ghost.ant-btn-primary:hover {
	color: #8c8484;
	background-color: transparent;
	border-color: #8c8484
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child {
	color: currentColor
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-background-ghost.ant-btn-primary.active,
	.ant-btn-background-ghost.ant-btn-primary:active {
	color: #595454;
	background-color: transparent;
	border-color: #595454
}

.ant-btn-background-ghost.ant-btn-primary.active>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
	color: currentColor
}

.ant-btn-background-ghost.ant-btn-primary.active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-background-ghost.ant-btn-primary.disabled,
	.ant-btn-background-ghost.ant-btn-primary.disabled.active,
	.ant-btn-background-ghost.ant-btn-primary.disabled:active,
	.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
	.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
	.ant-btn-background-ghost.ant-btn-primary[disabled],
	.ant-btn-background-ghost.ant-btn-primary[disabled].active,
	.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
	.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
	.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,
	.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child {
	color: currentColor
}

.ant-btn-background-ghost.ant-btn-primary.disabled.active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary.disabled:active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary.disabled:focus>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary.disabled:hover>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary.disabled>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary[disabled].active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after
	{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-background-ghost.ant-btn-danger {
	color: #f5222d;
	background-color: transparent;
	border-color: #f5222d
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child {
	color: currentColor
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-background-ghost.ant-btn-danger:focus,
	.ant-btn-background-ghost.ant-btn-danger:hover {
	color: #ff4d4f;
	background-color: transparent;
	border-color: #ff4d4f
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child {
	color: currentColor
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-background-ghost.ant-btn-danger.active,
	.ant-btn-background-ghost.ant-btn-danger:active {
	color: #cf1322;
	background-color: transparent;
	border-color: #cf1322
}

.ant-btn-background-ghost.ant-btn-danger.active>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
	color: currentColor
}

.ant-btn-background-ghost.ant-btn-danger.active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-background-ghost.ant-btn-danger.disabled,
	.ant-btn-background-ghost.ant-btn-danger.disabled.active,
	.ant-btn-background-ghost.ant-btn-danger.disabled:active,
	.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
	.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
	.ant-btn-background-ghost.ant-btn-danger[disabled],
	.ant-btn-background-ghost.ant-btn-danger[disabled].active,
	.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
	.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
	.ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
	color: rgba(0, 0, 0, .25);
	background-color: #f5f5f5;
	border-color: #d9d9d9
}

.ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,
	.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child {
	color: currentColor
}

.ant-btn-background-ghost.ant-btn-danger.disabled.active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger.disabled:active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger.disabled:focus>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger.disabled:hover>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger.disabled>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger[disabled].active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after,
	.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: 0 0
}

.ant-btn-two-chinese-chars:first-letter {
	letter-spacing: .34em
}

.ant-btn-two-chinese-chars>* {
	letter-spacing: .34em;
	margin-right: -.34em
}

@
keyframes buttonEffect {
	to {opacity: 0;
	top: -6px;
	left: -6px;
	bottom: -6px;
	right: -6px;
	border-width: 6px
}

}
a.ant-btn {
	line-height: 30px
}

a.ant-btn-lg {
	line-height: 38px
}

a.ant-btn-sm {
	line-height: 22px
}

@font-face {
	font-family: anticon;
	src: url(../font/font_148784_v4ggb6wrjmkotj4i.eot);
	src: url(../font/font_148784_v4ggb6wrjmkotj4i.woff) format('woff'),
		url(../font/font_148784_v4ggb6wrjmkotj4i.ttf) format('truetype'),
		url(/images/font_148784_v4ggb6wrjmkotj4i.svg#iconfont) format('svg')
}

.anticon {
	display: inline-block;
	font-style: normal;
	vertical-align: baseline;
	text-align: center;
	text-transform: none;
	line-height: 1;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.anticon:before {
	display: block;
	font-family: anticon !important
}

.anticon-step-forward:before {
	content: "\e600"
}

.anticon-step-backward:before {
	content: "\e601"
}

.anticon-forward:before {
	content: "\e602"
}

.anticon-backward:before {
	content: "\e603"
}

.anticon-caret-right:before {
	content: "\e604"
}

.anticon-caret-left:before {
	content: "\e605"
}

.anticon-caret-down:before {
	content: "\e606"
}

.anticon-caret-up:before {
	content: "\e607"
}

.anticon-right-circle:before {
	content: "\e608"
}

.anticon-circle-right:before {
	content: "\e608"
}

.anticon-caret-circle-right:before {
	content: "\e608"
}

.anticon-left-circle:before {
	content: "\e609"
}

.anticon-circle-left:before {
	content: "\e609"
}

.anticon-caret-circle-left:before {
	content: "\e609"
}

.anticon-up-circle:before {
	content: "\e60a"
}

.anticon-circle-up:before {
	content: "\e60a"
}

.anticon-caret-circle-up:before {
	content: "\e60a"
}

.anticon-down-circle:before {
	content: "\e60b"
}

.anticon-circle-down:before {
	content: "\e60b"
}

.anticon-caret-circle-down:before {
	content: "\e60b"
}

.anticon-right-circle-o:before {
	content: "\e60c"
}

.anticon-circle-o-right:before {
	content: "\e60c"
}

.anticon-caret-circle-o-right:before {
	content: "\e60c"
}

.anticon-left-circle-o:before {
	content: "\e60d"
}

.anticon-circle-o-left:before {
	content: "\e60d"
}

.anticon-caret-circle-o-left:before {
	content: "\e60d"
}

.anticon-up-circle-o:before {
	content: "\e60e"
}

.anticon-circle-o-up:before {
	content: "\e60e"
}

.anticon-caret-circle-o-up:before {
	content: "\e60e"
}

.anticon-down-circle-o:before {
	content: "\e60f"
}

.anticon-circle-o-down:before {
	content: "\e60f"
}

.anticon-caret-circle-o-down:before {
	content: "\e60f"
}

.anticon-verticle-left:before {
	content: "\e610"
}

.anticon-verticle-right:before {
	content: "\e611"
}

.anticon-rollback:before {
	content: "\e612"
}

.anticon-retweet:before {
	content: "\e613"
}

.anticon-shrink:before {
	content: "\e614"
}

.anticon-arrows-alt:before {
	content: "\e615"
}

.anticon-arrow-salt:before {
	content: "\e615"
}

.anticon-reload:before {
	content: "\e616"
}

.anticon-double-right:before {
	content: "\e617"
}

.anticon-double-left:before {
	content: "\e618"
}

.anticon-arrow-down:before {
	content: "\e619"
}

.anticon-arrow-up:before {
	content: "\e61a"
}

.anticon-arrow-right:before {
	content: "\e61b"
}

.anticon-arrow-left:before {
	content: "\e61c"
}

.anticon-down:before {
	content: "\e61d"
}

.anticon-up:before {
	content: "\e61e"
}

.anticon-right:before {
	content: "\e61f"
}

.anticon-left:before {
	content: "\e620"
}

.anticon-minus-square-o:before {
	content: "\e621"
}

.anticon-minus-circle:before {
	content: "\e622"
}

.anticon-minus-circle-o:before {
	content: "\e623"
}

.anticon-minus:before {
	content: "\e624"
}

.anticon-plus-circle-o:before {
	content: "\e625"
}

.anticon-plus-circle:before {
	content: "\e626"
}

.anticon-plus:before {
	content: "\e627"
}

.anticon-info-circle:before {
	content: "\e628"
}

.anticon-info-circle-o:before {
	content: "\e629"
}

.anticon-info:before {
	content: "\e62a"
}

.anticon-exclamation:before {
	content: "\e62b"
}

.anticon-exclamation-circle:before {
	content: "\e62c"
}

.anticon-exclamation-circle-o:before {
	content: "\e62d"
}

.anticon-close-circle:before {
	content: "\e62e"
}

.anticon-cross-circle:before {
	content: "\e62e"
}

.anticon-close-circle-o:before {
	content: "\e62f"
}

.anticon-cross-circle-o:before {
	content: "\e62f"
}

.anticon-check-circle:before {
	content: "\e630"
}

.anticon-check-circle-o:before {
	content: "\e631"
}

.anticon-check:before {
	content: "\e632"
}

.anticon-close:before {
	content: "\e633"
}

.anticon-cross:before {
	content: "\e633"
}

.anticon-customer-service:before {
	content: "\e634"
}

.anticon-customerservice:before {
	content: "\e634"
}

.anticon-credit-card:before {
	content: "\e635"
}

.anticon-code-o:before {
	content: "\e636"
}

.anticon-book:before {
	content: "\e637"
}

.anticon-bars:before {
	content: "\e639"
}

.anticon-question:before {
	content: "\e63a"
}

.anticon-question-circle:before {
	content: "\e63b"
}

.anticon-question-circle-o:before {
	content: "\e63c"
}

.anticon-pause:before {
	content: "\e63d"
}

.anticon-pause-circle:before {
	content: "\e63e"
}

.anticon-pause-circle-o:before {
	content: "\e63f"
}

.anticon-clock-circle:before {
	content: "\e640"
}

.anticon-clock-circle-o:before {
	content: "\e641"
}

.anticon-swap:before {
	content: "\e642"
}

.anticon-swap-left:before {
	content: "\e643"
}

.anticon-swap-right:before {
	content: "\e644"
}

.anticon-plus-square-o:before {
	content: "\e645"
}

.anticon-frown:before {
	content: "\e646"
}

.anticon-frown-circle:before {
	content: "\e646"
}

.anticon-ellipsis:before {
	content: "\e647"
}

.anticon-copy:before {
	content: "\e648"
}

.anticon-menu-fold:before {
	content: "\e9ac"
}

.anticon-mail:before {
	content: "\e659"
}

.anticon-logout:before {
	content: "\e65a"
}

.anticon-link:before {
	content: "\e65b"
}

.anticon-area-chart:before {
	content: "\e65c"
}

.anticon-line-chart:before {
	content: "\e65d"
}

.anticon-home:before {
	content: "\e65e"
}

.anticon-laptop:before {
	content: "\e65f"
}

.anticon-star:before {
	content: "\e660"
}

.anticon-star-o:before {
	content: "\e661"
}

.anticon-folder:before {
	content: "\e662"
}

.anticon-filter:before {
	content: "\e663"
}

.anticon-file:before {
	content: "\e664"
}

.anticon-exception:before {
	content: "\e665"
}

.anticon-meh:before {
	content: "\e666"
}

.anticon-meh-circle:before {
	content: "\e666"
}

.anticon-meh-o:before {
	content: "\e667"
}

.anticon-shopping-cart:before {
	content: "\e668"
}

.anticon-save:before {
	content: "\e669"
}

.anticon-user:before {
	content: "\e66a"
}

.anticon-video-camera:before {
	content: "\e66b"
}

.anticon-to-top:before {
	content: "\e66c"
}

.anticon-team:before {
	content: "\e66d"
}

.anticon-tablet:before {
	content: "\e66e"
}

.anticon-solution:before {
	content: "\e66f"
}

.anticon-search:before {
	content: "\e670"
}

.anticon-share-alt:before {
	content: "\e671"
}

.anticon-setting:before {
	content: "\e672"
}

.anticon-poweroff:before {
	content: "\e6d5"
}

.anticon-picture:before {
	content: "\e674"
}

.anticon-phone:before {
	content: "\e675"
}

.anticon-paper-clip:before {
	content: "\e676"
}

.anticon-notification:before {
	content: "\e677"
}

.anticon-mobile:before {
	content: "\e678"
}

.anticon-menu-unfold:before {
	content: "\e9ad"
}

.anticon-inbox:before {
	content: "\e67a"
}

.anticon-lock:before {
	content: "\e67b"
}

.anticon-qrcode:before {
	content: "\e67c"
}

.anticon-play-circle:before {
	content: "\e6d0"
}

.anticon-play-circle-o:before {
	content: "\e6d1"
}

.anticon-tag:before {
	content: "\e6d2"
}

.anticon-tag-o:before {
	content: "\e6d3"
}

.anticon-tags:before {
	content: "\e67d"
}

.anticon-tags-o:before {
	content: "\e67e"
}

.anticon-cloud-o:before {
	content: "\e67f"
}

.anticon-cloud:before {
	content: "\e680"
}

.anticon-cloud-upload:before {
	content: "\e681"
}

.anticon-cloud-download:before {
	content: "\e682"
}

.anticon-cloud-download-o:before {
	content: "\e683"
}

.anticon-cloud-upload-o:before {
	content: "\e684"
}

.anticon-environment:before {
	content: "\e685"
}

.anticon-environment-o:before {
	content: "\e686"
}

.anticon-eye:before {
	content: "\e687"
}

.anticon-eye-o:before {
	content: "\e688"
}

.anticon-camera:before {
	content: "\e689"
}

.anticon-camera-o:before {
	content: "\e68a"
}

.anticon-windows:before {
	content: "\e68b"
}

.anticon-apple:before {
	content: "\e68c"
}

.anticon-apple-o:before {
	content: "\e6d4"
}

.anticon-android:before {
	content: "\e938"
}

.anticon-android-o:before {
	content: "\e68d"
}

.anticon-aliwangwang:before {
	content: "\e68e"
}

.anticon-aliwangwang-o:before {
	content: "\e68f"
}

.anticon-export:before {
	content: "\e691"
}

.anticon-edit:before {
	content: "\e692"
}

.anticon-appstore-o:before {
	content: "\e695"
}

.anticon-appstore:before {
	content: "\e696"
}

.anticon-scan:before {
	content: "\e697"
}

.anticon-file-text:before {
	content: "\e698"
}

.anticon-folder-open:before {
	content: "\e699"
}

.anticon-hdd:before {
	content: "\e69a"
}

.anticon-ie:before {
	content: "\e69b"
}

.anticon-file-jpg:before {
	content: "\e69c"
}

.anticon-like:before {
	content: "\e64c"
}

.anticon-like-o:before {
	content: "\e69d"
}

.anticon-dislike:before {
	content: "\e64b"
}

.anticon-dislike-o:before {
	content: "\e69e"
}

.anticon-delete:before {
	content: "\e69f"
}

.anticon-enter:before {
	content: "\e6a0"
}

.anticon-pushpin-o:before {
	content: "\e6a1"
}

.anticon-pushpin:before {
	content: "\e6a2"
}

.anticon-heart:before {
	content: "\e6a3"
}

.anticon-heart-o:before {
	content: "\e6a4"
}

.anticon-pay-circle:before {
	content: "\e6a5"
}

.anticon-pay-circle-o:before {
	content: "\e6a6"
}

.anticon-smile:before {
	content: "\e6a7"
}

.anticon-smile-circle:before {
	content: "\e6a7"
}

.anticon-smile-o:before {
	content: "\e6a8"
}

.anticon-frown-o:before {
	content: "\e6a9"
}

.anticon-calculator:before {
	content: "\e6aa"
}

.anticon-message:before {
	content: "\e6ab"
}

.anticon-chrome:before {
	content: "\e6ac"
}

.anticon-github:before {
	content: "\e6ad"
}

.anticon-file-unknown:before {
	content: "\e6af"
}

.anticon-file-excel:before {
	content: "\e6b0"
}

.anticon-file-ppt:before {
	content: "\e6b1"
}

.anticon-file-word:before {
	content: "\e6b2"
}

.anticon-file-pdf:before {
	content: "\e6b3"
}

.anticon-desktop:before {
	content: "\e6b4"
}

.anticon-upload:before {
	content: "\e6b6"
}

.anticon-download:before {
	content: "\e6b7"
}

.anticon-pie-chart:before {
	content: "\e6b8"
}

.anticon-unlock:before {
	content: "\e6ba"
}

.anticon-calendar:before {
	content: "\e6bb"
}

.anticon-windows-o:before {
	content: "\e6bc"
}

.anticon-dot-chart:before {
	content: "\e6bd"
}

.anticon-bar-chart:before {
	content: "\e6be"
}

.anticon-code:before {
	content: "\e6bf"
}

.anticon-api:before {
	content: "\e951"
}

.anticon-plus-square:before {
	content: "\e6c0"
}

.anticon-minus-square:before {
	content: "\e6c1"
}

.anticon-close-square:before {
	content: "\e6c2"
}

.anticon-close-square-o:before {
	content: "\e6c3"
}

.anticon-check-square:before {
	content: "\e6c4"
}

.anticon-check-square-o:before {
	content: "\e6c5"
}

.anticon-fast-backward:before {
	content: "\e6c6"
}

.anticon-fast-forward:before {
	content: "\e6c7"
}

.anticon-up-square:before {
	content: "\e6c8"
}

.anticon-down-square:before {
	content: "\e6c9"
}

.anticon-left-square:before {
	content: "\e6ca"
}

.anticon-right-square:before {
	content: "\e6cb"
}

.anticon-right-square-o:before {
	content: "\e6cc"
}

.anticon-left-square-o:before {
	content: "\e6cd"
}

.anticon-down-square-o:before {
	content: "\e6ce"
}

.anticon-up-square-o:before {
	content: "\e6cf"
}

.anticon-loading:before {
	content: "\e64d"
}

.anticon-loading-3-quarters:before {
	content: "\e6ae"
}

.anticon-bulb:before {
	content: "\e649"
}

.anticon-select:before {
	content: "\e64a"
}

.anticon-addfile:before, .anticon-file-add:before {
	content: "\e910"
}

.anticon-addfolder:before, .anticon-folder-add:before {
	content: "\e914"
}

.anticon-switcher:before {
	content: "\e913"
}

.anticon-rocket:before {
	content: "\e90f"
}

.anticon-dingding:before {
	content: "\e923"
}

.anticon-dingding-o:before {
	content: "\e925"
}

.anticon-bell:before {
	content: "\e64e"
}

.anticon-disconnect:before {
	content: "\e64f"
}

.anticon-database:before {
	content: "\e650"
}

.anticon-compass:before {
	content: "\e6db"
}

.anticon-barcode:before {
	content: "\e652"
}

.anticon-hourglass:before {
	content: "\e653"
}

.anticon-key:before {
	content: "\e654"
}

.anticon-flag:before {
	content: "\e655"
}

.anticon-layout:before {
	content: "\e656"
}

.anticon-login:before {
	content: "\e657"
}

.anticon-printer:before {
	content: "\e673"
}

.anticon-sound:before {
	content: "\e6e9"
}

.anticon-usb:before {
	content: "\e6d7"
}

.anticon-skin:before {
	content: "\e6d8"
}

.anticon-tool:before {
	content: "\e6d9"
}

.anticon-sync:before {
	content: "\e6da"
}

.anticon-wifi:before {
	content: "\e6d6"
}

.anticon-car:before {
	content: "\e6dc"
}

.anticon-copyright:before {
	content: "\e6de"
}

.anticon-schedule:before {
	content: "\e6df"
}

.anticon-user-add:before {
	content: "\e6ed"
}

.anticon-user-delete:before {
	content: "\e6e0"
}

.anticon-usergroup-add:before {
	content: "\e6dd"
}

.anticon-usergroup-delete:before {
	content: "\e6e1"
}

.anticon-man:before {
	content: "\e6e2"
}

.anticon-woman:before {
	content: "\e6ec"
}

.anticon-shop:before {
	content: "\e6e3"
}

.anticon-gift:before {
	content: "\e6e4"
}

.anticon-idcard:before {
	content: "\e6e5"
}

.anticon-medicine-box:before {
	content: "\e6e6"
}

.anticon-red-envelope:before {
	content: "\e6e7"
}

.anticon-coffee:before {
	content: "\e6e8"
}

.anticon-trademark:before {
	content: "\e651"
}

.anticon-safety:before {
	content: "\e6ea"
}

.anticon-wallet:before {
	content: "\e6eb"
}

.anticon-bank:before {
	content: "\e6ee"
}

.anticon-trophy:before {
	content: "\e6ef"
}

.anticon-contacts:before {
	content: "\e6f0"
}

.anticon-global:before {
	content: "\e6f1"
}

.anticon-shake:before {
	content: "\e94f"
}

.anticon-fork:before {
	content: "\e6f2"
}

.anticon-dashboard:before {
	content: "\e99a"
}

.anticon-profile:before {
	content: "\e999"
}

.anticon-table:before {
	content: "\e998"
}

.anticon-warning:before {
	content: "\e997"
}

.anticon-form:before {
	content: "\e996"
}

.anticon-spin:before {
	display: inline-block;
	animation: loadingCircle 1s infinite linear
}

.anticon-weibo-square:before {
	content: "\e6f5"
}

.anticon-weibo-circle:before {
	content: "\e6f4"
}

.anticon-taobao-circle:before {
	content: "\e6f3"
}

.anticon-html5:before {
	content: "\e9c7"
}

.anticon-weibo:before {
	content: "\e9c6"
}

.anticon-twitter:before {
	content: "\e9c5"
}

.anticon-wechat:before {
	content: "\e9c4"
}

.anticon-youtube:before {
	content: "\e9c3"
}

.anticon-alipay-circle:before {
	content: "\e9c2"
}

.anticon-taobao:before {
	content: "\e9c1"
}

.anticon-skype:before {
	content: "\e9c0"
}

.anticon-qq:before {
	content: "\e9bf"
}

.anticon-medium-workmark:before {
	content: "\e9be"
}

.anticon-gitlab:before {
	content: "\e9bd"
}

.anticon-medium:before {
	content: "\e9bc"
}

.anticon-linkedin:before {
	content: "\e9bb"
}

.anticon-google-plus:before {
	content: "\e9ba"
}

.anticon-dropbox:before {
	content: "\e9b9"
}

.anticon-facebook:before {
	content: "\e9b8"
}

.anticon-codepen:before {
	content: "\e9b7"
}

.anticon-amazon:before {
	content: "\e9b6"
}

.anticon-google:before {
	content: "\e9b5"
}

.anticon-codepen-circle:before {
	content: "\e9b4"
}

.anticon-alipay:before {
	content: "\e9b3"
}

.anticon-ant-design:before {
	content: "\e9b2"
}

.anticon-aliyun:before {
	content: "\e9f4"
}

.anticon-zhihu:before {
	content: "\e703"
}

.anticon-file-markdown:before {
	content: "\e704"
}

.anticon-slack:before {
	content: "\e705"
}

.anticon-slack-square:before {
	content: "\e706"
}

.anticon-behance:before {
	content: "\e707"
}

.anticon-behance-square:before {
	content: "\e708"
}

.anticon-dribbble:before {
	content: "\e709"
}

.anticon-dribbble-square:before {
	content: "\e70a"
}

.anticon-instagram:before {
	content: "\e70b"
}

.anticon-yuque:before {
	content: "\e70c"
}

.fade-appear, .fade-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.fade-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.fade-appear.fade-appear-active, .fade-enter.fade-enter-active {
	animation-name: antFadeIn;
	animation-play-state: running
}

.fade-leave.fade-leave-active {
	animation-name: antFadeOut;
	animation-play-state: running;
	pointer-events: none
}

.fade-appear, .fade-enter {
	opacity: 0;
	animation-timing-function: linear
}

.fade-leave {
	animation-timing-function: linear
}

@
keyframes antFadeIn { 0%{
	opacity: 0
}

100%{
opacity
:
1
}
}
@
keyframes antFadeOut { 0%{
	opacity: 1
}

100%{
opacity
:
0
}
}
.move-up-appear, .move-up-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.move-up-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.move-up-appear.move-up-appear-active, .move-up-enter.move-up-enter-active
	{
	animation-name: antMoveUpIn;
	animation-play-state: running
}

.move-up-leave.move-up-leave-active {
	animation-name: antMoveUpOut;
	animation-play-state: running;
	pointer-events: none
}

.move-up-appear, .move-up-enter {
	opacity: 0;
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-up-leave {
	animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-down-appear, .move-down-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.move-down-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.move-down-appear.move-down-appear-active, .move-down-enter.move-down-enter-active
	{
	animation-name: antMoveDownIn;
	animation-play-state: running
}

.move-down-leave.move-down-leave-active {
	animation-name: antMoveDownOut;
	animation-play-state: running;
	pointer-events: none
}

.move-down-appear, .move-down-enter {
	opacity: 0;
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-down-leave {
	animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-left-appear, .move-left-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.move-left-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.move-left-appear.move-left-appear-active, .move-left-enter.move-left-enter-active
	{
	animation-name: antMoveLeftIn;
	animation-play-state: running
}

.move-left-leave.move-left-leave-active {
	animation-name: antMoveLeftOut;
	animation-play-state: running;
	pointer-events: none
}

.move-left-appear, .move-left-enter {
	opacity: 0;
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-left-leave {
	animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-right-appear, .move-right-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.move-right-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.move-right-appear.move-right-appear-active, .move-right-enter.move-right-enter-active
	{
	animation-name: antMoveRightIn;
	animation-play-state: running
}

.move-right-leave.move-right-leave-active {
	animation-name: antMoveRightOut;
	animation-play-state: running;
	pointer-events: none
}

.move-right-appear, .move-right-enter {
	opacity: 0;
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-right-leave {
	animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

@
keyframes antMoveDownIn { 0%{
	transform-origin: 0 0;
	transform: translateY(100%);
	opacity: 0
}

100%{
transform-origin
:
0
 
0;
transform
:translateY(0)
;opacity
:
1
}
}
@
keyframes antMoveDownOut { 0%{
	transform-origin: 0 0;
	transform: translateY(0);
	opacity: 1
}

100%{
transform-origin
:
0
 
0;
transform
:translateY
(100%);opacity
:
0
}
}
@
keyframes antMoveLeftIn { 0%{
	transform-origin: 0 0;
	transform: translateX(-100%);
	opacity: 0
}

100%{
transform-origin
:
0
 
0;
transform
:translateX(0)
;opacity
:
1
}
}
@
keyframes antMoveLeftOut { 0%{
	transform-origin: 0 0;
	transform: translateX(0);
	opacity: 1
}

100%{
transform-origin
:
0
 
0;
transform
:translateX
(-100%);opacity
:
0
}
}
@
keyframes antMoveRightIn { 0%{
	opacity: 0;
	transform-origin: 0 0;
	transform: translateX(100%)
}

100%{
opacity
:
1;transform-origin
:
0
 
0;
transform
:translateX(0)
}
}
@
keyframes antMoveRightOut { 0%{
	transform-origin: 0 0;
	transform: translateX(0);
	opacity: 1
}

100%{
transform-origin
:
0
 
0;
transform
:translateX
(100%);opacity
:
0
}
}
@
keyframes antMoveUpIn { 0%{
	transform-origin: 0 0;
	transform: translateY(-100%);
	opacity: 0
}

100%{
transform-origin
:
0
 
0;
transform
:translateY(0)
;opacity
:
1
}
}
@
keyframes antMoveUpOut { 0%{
	transform-origin: 0 0;
	transform: translateY(0);
	opacity: 1
}

100%{
transform-origin
:
0
 
0;
transform
:translateY
(-100%);opacity
:
0
}
}
@
keyframes loadingCircle { 0%{
	transform-origin: 50% 50%;
	transform: rotate(0)
}

100%{
transform-origin
:
50%
 
50%;
transform
:rotate(360deg)
}
}
.slide-up-appear, .slide-up-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.slide-up-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.slide-up-appear.slide-up-appear-active, .slide-up-enter.slide-up-enter-active
	{
	animation-name: antSlideUpIn;
	animation-play-state: running
}

.slide-up-leave.slide-up-leave-active {
	animation-name: antSlideUpOut;
	animation-play-state: running;
	pointer-events: none
}

.slide-up-appear, .slide-up-enter {
	opacity: 0;
	animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-up-leave {
	animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-down-appear, .slide-down-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.slide-down-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.slide-down-appear.slide-down-appear-active, .slide-down-enter.slide-down-enter-active
	{
	animation-name: antSlideDownIn;
	animation-play-state: running
}

.slide-down-leave.slide-down-leave-active {
	animation-name: antSlideDownOut;
	animation-play-state: running;
	pointer-events: none
}

.slide-down-appear, .slide-down-enter {
	opacity: 0;
	animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-down-leave {
	animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-left-appear, .slide-left-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.slide-left-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.slide-left-appear.slide-left-appear-active, .slide-left-enter.slide-left-enter-active
	{
	animation-name: antSlideLeftIn;
	animation-play-state: running
}

.slide-left-leave.slide-left-leave-active {
	animation-name: antSlideLeftOut;
	animation-play-state: running;
	pointer-events: none
}

.slide-left-appear, .slide-left-enter {
	opacity: 0;
	animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-left-leave {
	animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-right-appear, .slide-right-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.slide-right-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.slide-right-appear.slide-right-appear-active, .slide-right-enter.slide-right-enter-active
	{
	animation-name: antSlideRightIn;
	animation-play-state: running
}

.slide-right-leave.slide-right-leave-active {
	animation-name: antSlideRightOut;
	animation-play-state: running;
	pointer-events: none
}

.slide-right-appear, .slide-right-enter {
	opacity: 0;
	animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-right-leave {
	animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@
keyframes antSlideUpIn { 0%{
	opacity: 0;
	transform-origin: 0 0;
	transform: scaleY(.8)
}

100%{
opacity
:
1;transform-origin
:
0
 
0;
transform
:scaleY(1)
}
}
@
keyframes antSlideUpOut { 0%{
	opacity: 1;
	transform-origin: 0 0;
	transform: scaleY(1)
}

100%{
opacity
:
0;transform-origin
:
0
 
0;
transform
:scaleY
(
.8
)
}
}
@
keyframes antSlideDownIn { 0%{
	opacity: 0;
	transform-origin: 100% 100%;
	transform: scaleY(.8)
}

100%{
opacity
:
1;transform-origin
:
100%
 
100%;
transform
:scaleY(1)
}
}
@
keyframes antSlideDownOut { 0%{
	opacity: 1;
	transform-origin: 100% 100%;
	transform: scaleY(1)
}

100%{
opacity
:
0;transform-origin
:
100%
 
100%;
transform
:scaleY
(
.8
)
}
}
@
keyframes antSlideLeftIn { 0%{
	opacity: 0;
	transform-origin: 0 0;
	transform: scaleX(.8)
}

100%{
opacity
:
1;transform-origin
:
0
 
0;
transform
:scaleX(1)
}
}
@
keyframes antSlideLeftOut { 0%{
	opacity: 1;
	transform-origin: 0 0;
	transform: scaleX(1)
}

100%{
opacity
:
0;transform-origin
:
0
 
0;
transform
:scaleX
(
.8
)
}
}
@
keyframes antSlideRightIn { 0%{
	opacity: 0;
	transform-origin: 100% 0;
	transform: scaleX(.8)
}

100%{
opacity
:
1;transform-origin
:
100%
 
0;
transform
:scaleX(1)
}
}
@
keyframes antSlideRightOut { 0%{
	opacity: 1;
	transform-origin: 100% 0;
	transform: scaleX(1)
}

100%{
opacity
:
0;transform-origin
:
100%
 
0;
transform
:scaleX
(
.8
)
}
}
.swing-appear, .swing-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.swing-appear.swing-appear-active, .swing-enter.swing-enter-active {
	animation-name: antSwingIn;
	animation-play-state: running
}

@
keyframes antSwingIn { 0%,100%{
	transform: translateX(0)
}

20%{
transform
:translateX(-10px)
}
40%{
transform
:translateX(10px)
}
60%{
transform
:translateX(-5px)
}
80%{
transform
:translateX(5px)
}
}
.zoom-appear, .zoom-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-appear.zoom-appear-active, .zoom-enter.zoom-enter-active {
	animation-name: antZoomIn;
	animation-play-state: running
}

.zoom-leave.zoom-leave-active {
	animation-name: antZoomOut;
	animation-play-state: running;
	pointer-events: none
}

.zoom-appear, .zoom-enter {
	transform: scale(0);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-leave {
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-appear, .zoom-big-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-big-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-big-appear.zoom-big-appear-active, .zoom-big-enter.zoom-big-enter-active
	{
	animation-name: antZoomBigIn;
	animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
	animation-name: antZoomBigOut;
	animation-play-state: running;
	pointer-events: none
}

.zoom-big-appear, .zoom-big-enter {
	transform: scale(0);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-leave {
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-fast-appear, .zoom-big-fast-enter {
	animation-duration: .1s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-big-fast-leave {
	animation-duration: .1s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-big-fast-appear.zoom-big-fast-appear-active, .zoom-big-fast-enter.zoom-big-fast-enter-active
	{
	animation-name: antZoomBigIn;
	animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
	animation-name: antZoomBigOut;
	animation-play-state: running;
	pointer-events: none
}

.zoom-big-fast-appear, .zoom-big-fast-enter {
	transform: scale(0);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-fast-leave {
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-up-appear, .zoom-up-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-up-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-up-appear.zoom-up-appear-active, .zoom-up-enter.zoom-up-enter-active
	{
	animation-name: antZoomUpIn;
	animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
	animation-name: antZoomUpOut;
	animation-play-state: running;
	pointer-events: none
}

.zoom-up-appear, .zoom-up-enter {
	transform: scale(0);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-up-leave {
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-down-appear, .zoom-down-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-down-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-down-appear.zoom-down-appear-active, .zoom-down-enter.zoom-down-enter-active
	{
	animation-name: antZoomDownIn;
	animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
	animation-name: antZoomDownOut;
	animation-play-state: running;
	pointer-events: none
}

.zoom-down-appear, .zoom-down-enter {
	transform: scale(0);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-down-leave {
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-left-appear, .zoom-left-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-left-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-left-appear.zoom-left-appear-active, .zoom-left-enter.zoom-left-enter-active
	{
	animation-name: antZoomLeftIn;
	animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
	animation-name: antZoomLeftOut;
	animation-play-state: running;
	pointer-events: none
}

.zoom-left-appear, .zoom-left-enter {
	transform: scale(0);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-left-leave {
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-right-appear, .zoom-right-enter {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-right-leave {
	animation-duration: .2s;
	animation-fill-mode: both;
	animation-play-state: paused
}

.zoom-right-appear.zoom-right-appear-active, .zoom-right-enter.zoom-right-enter-active
	{
	animation-name: antZoomRightIn;
	animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
	animation-name: antZoomRightOut;
	animation-play-state: running;
	pointer-events: none
}

.zoom-right-appear, .zoom-right-enter {
	transform: scale(0);
	animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-right-leave {
	animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@
keyframes antZoomIn { 0%{
	opacity: 0;
	transform: scale(.2)
}

100%{
opacity
:
1;transform
:scale(1)
}
}
@
keyframes antZoomOut { 0%{
	transform: scale(1)
}

100%{
opacity
:
0;transform
:scale
(
.2
)
}
}
@
keyframes antZoomBigIn { 0%{
	opacity: 0;
	transform: scale(.8)
}

100%{
transform
:scale(1)
}
}
@
keyframes antZoomBigOut { 0%{
	transform: scale(1)
}

100%{
opacity
:
0;transform
:scale
(
.8
)
}
}
@
keyframes antZoomUpIn { 0%{
	opacity: 0;
	transform-origin: 50% 0;
	transform: scale(.8)
}

100%{
transform-origin
:
50%
 
0;
transform
:scale(1)
}
}
@
keyframes antZoomUpOut { 0%{
	transform-origin: 50% 0;
	transform: scale(1)
}

100%{
opacity
:
0;transform-origin
:
50%
 
0;
transform
:scale
(
.8
)
}
}
@
keyframes antZoomLeftIn { 0%{
	opacity: 0;
	transform-origin: 0 50%;
	transform: scale(.8)
}

100%{
transform-origin
:
0
 
50%;
transform
:scale(1)
}
}
@
keyframes antZoomLeftOut { 0%{
	transform-origin: 0 50%;
	transform: scale(1)
}

100%{
opacity
:
0;transform-origin
:
0
 
50%;
transform
:scale
(
.8
)
}
}
@
keyframes antZoomRightIn { 0%{
	opacity: 0;
	transform-origin: 100% 50%;
	transform: scale(.8)
}

100%{
transform-origin
:
100%
 
50%;
transform
:scale(1)
}
}
@
keyframes antZoomRightOut { 0%{
	transform-origin: 100% 50%;
	transform: scale(1)
}

100%{
opacity
:
0;transform-origin
:
100%
 
50%;
transform
:scale
(
.8
)
}
}
@
keyframes antZoomDownIn { 0%{
	opacity: 0;
	transform-origin: 50% 100%;
	transform: scale(.8)
}

100%{
transform-origin
:
50%
 
100%;
transform
:scale(1)
}
}
@
keyframes antZoomDownOut { 0%{
	transform-origin: 50% 100%;
	transform: scale(1)
}

100%{
opacity
:
0;transform-origin
:
50%
 
100%;
transform
:scale
(
.8
)
}
}
.ant-motion-collapse {
	overflow: hidden
}

.ant-motion-collapse-active {
	transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s
		cubic-bezier(.645, .045, .355, 1) !important
}

.am-list-header {
	padding: 15px 15px 9px 15px;
	font-size: 14px;
	color: #888;
	width: 100%;
	box-sizing: border-box
}

.am-list-footer {
	padding: 9px 15px 15px 15px;
	font-size: 14px;
	color: #888
}

.am-list-body {
	position: relative;
	height: 100%;
	background-color: #fff;
	border-top: 1PX solid #ddd;
	border-bottom: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-list-body {
		border-top: none
	}
	html:not ([data-scale] ) .am-list-body::before {
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 50%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-list-body::before {
		transform: scaleY(.33)
	}
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-list-body {
		border-bottom: none
	}
	html:not ([data-scale] ) .am-list-body::after {
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 100%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-list-body::after {
		transform: scaleY(.33)
	}
}

.am-list-body div:not (:last-child ) .am-list-line {
	border-bottom: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-list-body div:not (:last-child ) .am-list-line
		{
		border-bottom: none
	}
	html:not ([data-scale] ) .am-list-body div:not (:last-child ) .am-list-line::after
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 100%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-list-body div:not (:last-child ) .am-list-line::after
		{
		transform: scaleY(.33)
	}
}

.am-list-item {
	position: relative;
	display: flex;
	padding-left: 15px;
	min-height: 30px;
	background-color: #fff;
	vertical-align: middle;
	overflow: hidden;
	transition: background-color .2s;
	align-items: center;
	height: 100%
}

.am-list-item .am-list-ripple {
	position: absolute;
	background: 0 0;
	display: inline-block;
	overflow: hidden;
	will-change: box-shadow, transform;
	transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color
		.2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
	outline: 0;
	cursor: pointer;
	border-radius: 100%;
	transform: scale(0)
}

.am-list-item .am-list-ripple.am-list-ripple-animate {
	background-color: rgba(158, 158, 158, .2);
	animation: ripple 1s linear
}

.am-list-item.am-list-item-top .am-list-line {
	align-items: flex-start
}

.am-list-item.am-list-item-top .am-list-line .am-list-arrow {
	margin-top: 2px
}

.am-list-item.am-list-item-middle .am-list-line {
	align-items: center
}

.am-list-item.am-list-item-bottom .am-list-line {
	align-items: flex-end
}

.am-list-item.am-list-item-error .am-list-line .am-list-extra {
	color: #f50
}

.am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief
	{
	color: #f50
}

.am-list-item.am-list-item-active {
	background-color: #ddd
}

.am-list-item.am-list-item-disabled .am-list-line .am-list-content,
	.am-list-item.am-list-item-disabled .am-list-line .am-list-extra {
	color: #bbb
}

.am-list-item img {
	width: 22px;
	height: 22px;
	vertical-align: middle
}

.am-list-item .am-list-thumb:first-child {
	margin-right: 15px
}

.am-list-item .am-list-thumb:last-child {
	margin-left: 8px
}

.am-list-item .am-list-line {
	position: relative;
	display: flex;
	flex: 1;
	align-self: stretch;
	padding-right: 15px;
	overflow: hidden
}

.am-list-item .am-list-line .am-list-content {
	flex: 1;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.am-list-item .am-list-line .am-list-extra {
	flex-basis: 50%;
	color: #888;
	font-size: 14px;
	line-height: 1.5;
	text-align: right;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.am-list-item .am-list-line .am-list-title {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.am-list-item .am-list-line .am-list-brief {
	color: #888;
	font-size: 15px;
	line-height: 1.5;
	margin-top: 6px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.am-list-item .am-list-line .am-list-arrow {
	display: block;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	background-image:
		url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	visibility: hidden
}

.am-list-item .am-list-line .am-list-arrow-horizontal {
	visibility: visible
}

.am-list-item .am-list-line .am-list-arrow-vertical {
	visibility: visible;
	transform: rotate(90deg)
}

.am-list-item .am-list-line .am-list-arrow-vertical-up {
	visibility: visible;
	transform: rotate(270deg)
}

.am-list-item .am-list-line-multiple {
	padding: 12.5px 15px 12.5px 0
}

.am-list-item .am-list-line-multiple .am-list-content {
	padding-top: 0;
	padding-bottom: 0
}

.am-list-item .am-list-line-multiple .am-list-extra {
	padding-top: 0;
	padding-bottom: 0
}

.am-list-item .am-list-line-wrap .am-list-content {
	white-space: normal
}

.am-list-item .am-list-line-wrap .am-list-extra {
	white-space: normal
}

.am-list-item select {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	font-size: 17px;
	appearance: none;
	background-color: transparent
}

@
keyframes ripple { 100%{
	opacity: 0;
	transform: scale(2.5)
}

}
.am-button {
	display: block;
	outline: 0 none;
	-webkit-appearance: none;
	box-sizing: border-box;
	padding: 0;
	text-align: center;
	font-size: 18px;
	height: 47px;
	line-height: 47px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	white-space: nowrap;
	color: #000;
	background-color: #fff;
	border: 1PX solid #ddd;
	border-radius: 5px
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-button {
		position: relative;
		border: none
	}
	html:not ([data-scale] ) .am-button::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 200%;
		height: 200%;
		border: 1PX solid #ddd;
		border-radius: 10px;
		transform-origin: 0 0;
		transform: scale(.5);
		box-sizing: border-box;
		pointer-events: none
	}
}

.am-button-borderfix:before {
	transform: scale(.49) !important
}

.am-button.am-button-active {
	background-color: #ddd
}

.am-button.am-button-disabled {
	color: rgba(0, 0, 0, .3);
	opacity: .6
}

.am-button-primary {
	color: #fff;
	background-color: #108ee9;
	border: 1PX solid #108ee9;
	border-radius: 5px
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-button-primary {
		position: relative;
		border: none
	}
	html:not ([data-scale] ) .am-button-primary::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 200%;
		height: 200%;
		border: 1PX solid #108ee9;
		border-radius: 10px;
		transform-origin: 0 0;
		transform: scale(.5);
		box-sizing: border-box;
		pointer-events: none
	}
}

.am-button-primary.am-button-active {
	color: rgba(255, 255, 255, .3);
	background-color: #0e80d2
}

.am-button-primary.am-button-disabled {
	color: rgba(255, 255, 255, .6);
	opacity: .4
}

.am-button-ghost {
	color: #108ee9;
	background-color: transparent;
	border: 1PX solid #108ee9;
	border-radius: 5px
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-button-ghost {
		position: relative;
		border: none
	}
	html:not ([data-scale] ) .am-button-ghost::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 200%;
		height: 200%;
		border: 1PX solid #108ee9;
		border-radius: 10px;
		transform-origin: 0 0;
		transform: scale(.5);
		box-sizing: border-box;
		pointer-events: none
	}
}

.am-button-ghost.am-button-active {
	color: rgba(16, 142, 233, .6);
	background-color: transparent;
	border: 1PX solid rgba(16, 142, 233, .6);
	border-radius: 5px
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-button-ghost.am-button-active {
		position: relative;
		border: none
	}
	html:not ([data-scale] ) .am-button-ghost.am-button-active::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 200%;
		height: 200%;
		border: 1PX solid rgba(16, 142, 233, .6);
		border-radius: 10px;
		transform-origin: 0 0;
		transform: scale(.5);
		box-sizing: border-box;
		pointer-events: none
	}
}

.am-button-ghost.am-button-disabled {
	color: rgba(0, 0, 0, .1);
	border: 1PX solid rgba(0, 0, 0, .1);
	border-radius: 5px;
	opacity: 1
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-button-ghost.am-button-disabled {
		position: relative;
		border: none
	}
	html:not ([data-scale] ) .am-button-ghost.am-button-disabled::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 200%;
		height: 200%;
		border: 1PX solid rgba(0, 0, 0, .1);
		border-radius: 10px;
		transform-origin: 0 0;
		transform: scale(.5);
		box-sizing: border-box;
		pointer-events: none
	}
}

.am-button-warning {
	color: #fff;
	background-color: #e94f4f
}

.am-button-warning.am-button-active {
	color: rgba(255, 255, 255, .3);
	background-color: #d24747
}

.am-button-warning.am-button-disabled {
	color: rgba(255, 255, 255, .6);
	opacity: .4
}

.am-button-inline {
	display: inline-block;
	padding: 0 15px
}

.am-button-small {
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	padding: 0 15px
}

.am-button-icon {
	display: flex;
	align-items: center;
	justify-content: center
}

.am-button>.am-button-icon {
	margin-right: .5em
}

.am-icon {
	fill: currentColor;
	background-size: cover;
	width: 22px;
	height: 22px
}

.am-icon-xxs {
	width: 15px;
	height: 15px
}

.am-icon-xs {
	width: 18px;
	height: 18px
}

.am-icon-sm {
	width: 21px;
	height: 21px
}

.am-icon-md {
	width: 22px;
	height: 22px
}

.am-icon-lg {
	width: 36px;
	height: 36px
}

.am-icon-loading {
	animation: cirle-anim 1s linear infinite
}

@
keyframes cirle-anim { 100%{
	transform: rotate(360deg)
}

}
.am-flexbox {
	text-align: left;
	overflow: hidden;
	display: flex;
	align-items: center
}

.am-flexbox.am-flexbox-dir-row {
	flex-direction: row
}

.am-flexbox.am-flexbox-dir-row-reverse {
	flex-direction: row-reverse
}

.am-flexbox.am-flexbox-dir-column {
	flex-direction: column
}

.am-flexbox.am-flexbox-dir-column .am-flexbox-item {
	margin-left: 0
}

.am-flexbox.am-flexbox-dir-column-reverse {
	flex-direction: column-reverse
}

.am-flexbox.am-flexbox-dir-column-reverse .am-flexbox-item {
	margin-left: 0
}

.am-flexbox.am-flexbox-nowrap {
	flex-wrap: nowrap
}

.am-flexbox.am-flexbox-wrap {
	flex-wrap: wrap
}

.am-flexbox.am-flexbox-wrap-reverse {
	flex-wrap: wrap-reverse
}

.am-flexbox.am-flexbox-justify-start {
	justify-content: flex-start
}

.am-flexbox.am-flexbox-justify-end {
	justify-content: flex-end
}

.am-flexbox.am-flexbox-justify-center {
	justify-content: center
}

.am-flexbox.am-flexbox-justify-between {
	justify-content: space-between
}

.am-flexbox.am-flexbox-justify-around {
	justify-content: space-around
}

.am-flexbox.am-flexbox-align-start {
	align-items: flex-start
}

.am-flexbox.am-flexbox-align-end {
	align-items: flex-end
}

.am-flexbox.am-flexbox-align-center {
	align-items: center
}

.am-flexbox.am-flexbox-align-stretch {
	align-items: stretch
}

.am-flexbox.am-flexbox-align-baseline {
	align-items: baseline
}

.am-flexbox.am-flexbox-align-content-start {
	align-content: flex-start
}

.am-flexbox.am-flexbox-align-content-end {
	align-items: flex-end
}

.am-flexbox.am-flexbox-align-content-center {
	align-items: center
}

.am-flexbox.am-flexbox-align-content-between {
	align-items: stretch
}

.am-flexbox.am-flexbox-align-content-around {
	align-items: baseline
}

.am-flexbox.am-flexbox-align-content-stretch {
	align-items: baseline
}

.am-flexbox .am-flexbox-item {
	box-sizing: border-box;
	flex: 1;
	margin-left: 8px;
	min-width: 10px
}

.am-flexbox .am-flexbox-item:first-child {
	margin-left: 0
}

.am-grid .am-flexbox {
	background: #fff
}

.am-grid .am-flexbox .am-flexbox-item {
	margin-left: 0
}

.am-grid .am-flexbox .am-flexbox-item.am-grid-item {
	position: relative
}

.am-grid .am-flexbox .am-flexbox-item.am-grid-item-active .am-grid-item-content
	{
	background-color: #ddd
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content {
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 15px 0
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content
	{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-icon
	{
	max-width: 100%
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-text
	{
	margin-top: 9px;
	font-size: 12px;
	color: #000;
	text-align: center
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content.column-num-3 .am-grid-text
	{
	font-size: 16px
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content.column-num-2 .am-grid-text
	{
	margin-top: 15px;
	font-size: 18px
}

.am-grid.am-grid-line {
	position: relative
}

.am-grid.am-grid-line:not (.am-grid-carousel ){
	border-top: 1PX solid #ddd;
	border-right: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line:not (.am-grid-carousel ){
		border-top: none
	}
	html:not ([data-scale] ) .am-grid.am-grid-line:not (.am-grid-carousel )::before
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 50%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line:not (.am-grid-carousel )::before
		{
		transform: scaleY(.33)
	}
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line:not (.am-grid-carousel ){
		border-right: none
	}
	html:not ([data-scale] ) .am-grid.am-grid-line:not (.am-grid-carousel )::after
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: auto;
		left: auto;
		width: 1PX;
		height: 100%;
		background: #ddd;
		transform-origin: 100% 50%;
		transform: scaleX(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line:not (.am-grid-carousel )::after
		{
		transform: scaleX(.33)
	}
}

.am-grid.am-grid-line .am-flexbox {
	position: relative;
	border-bottom: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line .am-flexbox {
		border-bottom: none
	}
	html:not ([data-scale] ) .am-grid.am-grid-line .am-flexbox::after {
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 100%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line .am-flexbox::after {
		transform: scaleY(.33)
	}
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item {
	position: relative
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child {
	border-left: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child
		{
		border-left: none
	}
	html:not ([data-scale] ) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child::before
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		width: 1PX;
		height: 100%;
		transform-origin: 100% 50%;
		transform: scaleX(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child::before
		{
		transform: scaleX(.33)
	}
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:not (:last-child ){
	border-right: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not
		(:last-child ){
		border-right: none
	}
	html:not ([data-scale] ) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not
		(:last-child )::after {
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: auto;
		left: auto;
		width: 1PX;
		height: 100%;
		background: #ddd;
		transform-origin: 100% 50%;
		transform: scaleX(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not
		(:last-child )::after {
		transform: scaleX(.33)
	}
}

.am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page {
	border-top: 1PX solid #ddd;
	border-right: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page
		{
		border-top: none
	}
	html:not ([data-scale] ) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::before
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 50%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::before
		{
		transform: scaleY(.33)
	}
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page
		{
		border-right: none
	}
	html:not ([data-scale] ) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::after
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: auto;
		left: auto;
		width: 1PX;
		height: 100%;
		background: #ddd;
		transform-origin: 100% 50%;
		transform: scaleX(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::after
		{
		transform: scaleX(.33)
	}
}

.am-grid .am-carousel .am-carousel-wrap-dot>span {
	background: #dcdee3
}

.am-grid .am-carousel .am-carousel-wrap-dot-active>span {
	background: #0ae
}

.am-grid.am-grid-square .am-grid-item:before {
	display: block;
	content: ' ';
	padding-bottom: 100%
}

.am-grid.am-grid-square .am-grid-item .am-grid-item-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content {
	height: 100%
}

.am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content .am-grid-icon
	{
	margin-top: 9px;
	width: 28% !important
}

.am-accordion {
	position: relative;
	border-top: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-accordion {
		border-top: none
	}
	html:not ([data-scale] ) .am-accordion::before {
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 50%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-accordion::before {
		transform: scaleY(.33)
	}
}

.am-accordion-anim-active {
	transition: all .2s ease-out
}

.am-accordion .am-accordion-item .am-accordion-header {
	position: relative;
	color: #000;
	font-size: 17px;
	height: 30px;
	line-height: 30px;
	background-color: #fff;
	box-sizing: content-box;
	padding-left: 15px;
	padding-right: 30px;
	outline: 0;
	border-bottom: 1PX solid #ddd;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-accordion .am-accordion-item .am-accordion-header
		{
		border-bottom: none
	}
	html:not ([data-scale] ) .am-accordion .am-accordion-item .am-accordion-header::after
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 100%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-accordion .am-accordion-item .am-accordion-header::after
		{
		transform: scaleY(.33)
	}
}

.am-accordion .am-accordion-item .am-accordion-header i {
	position: absolute;
	display: block;
	top: calc(50% - 7.5px);
	right: 15px;
	transform: rotate(0);
	transform-origin: 50% 50%;
	transition: transform .2s ease
}

.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~=true] i
	{
	transform: rotate(180deg)
}

.am-accordion .am-accordion-item .am-accordion-content {
	overflow: hidden;
	background: #fff
}

.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box
	{
	font-size: 15px;
	color: #333;
	position: relative;
	border-bottom: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box
		{
		border-bottom: none
	}
	html:not ([data-scale] ) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box::after
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 100%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box::after
		{
		transform: scaleY(.33)
	}
}

.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body
	{
	border-top: 0
}

.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body:before
	{
	display: none !important
}

.am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-inactive
	{
	display: none
}

.am-accordion .am-accordion-item .am-list-line .am-list-content {
	padding: 0 15px
}

.am-calendar .animate {
	animation-duration: .3s;
	animation-fill-mode: both
}

@
keyframes fadeIn { 0%{
	opacity: 0
}

to {
	opacity: 1
}

}
@
keyframes fadeOut { 0%{
	opacity: 1
}

to {
	opacity: 0
}

}
.am-calendar .fade-enter {
	animation-name: fadeIn
}

.am-calendar .fade-leave {
	animation-name: fadeOut
}

@
keyframes slideInUp { 0%{
	transform: translate3d(0, 100%, 0);
	visibility: visible
}

to {
	transform: translateZ(0)
}

}
@
keyframes slideInDown { 0%{
	transform: translateZ(0);
	visibility: visible
}

to {
	transform: translate3d(0, 100%, 0)
}

}
@
keyframes slideInLeft { 0%{
	transform: translate3d(100%, 0, 0);
	visibility: visible
}

to {
	transform: translateZ(0)
}

}
@
keyframes slideInRight { 0%{
	transform: translateZ(0);
	visibility: visible
}

to {
	transform: translate3d(100%, 0, 0)
}

}
.am-calendar .slideV-enter {
	animation-name: slideInUp
}

.am-calendar .slideV-leave {
	animation-name: slideInDown
}

.am-calendar .slideH-enter {
	animation-name: slideInLeft
}

.am-calendar .slideH-leave {
	animation-name: slideInRight
}

.am-calendar .mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0, 0, 0, .5)
}

.am-calendar .content {
	position: fixed;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: #fff
}

.am-calendar .header {
	margin: 5px;
	display: flex;
	flex-shrink: 0;
	align-items: center
}

.am-calendar .header .title {
	text-align: center;
	width: 100%;
	font-size: 16px;
	font-weight: 700
}

.am-calendar .header .left {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 8px;
	height: 24px;
	left: 5px;
	top: 5px;
	color: #068eef
}

.am-calendar .header .right {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 8px;
	height: 24px;
	right: 5px;
	top: 5px;
	color: #068eef;
	font-size: 14px
}

.am-calendar .timePicker {
	border-top: 1PX #ccc solid
}

.am-calendar .week-panel {
	background: #fff;
	display: flex;
	flex-shrink: 0;
	padding: 0 2px;
	border-bottom: 1PX #ddd solid
}

.am-calendar .week-panel .cell {
	height: 24px;
	display: flex;
	width: 14.28571429%;
	justify-content: center;
	align-items: center;
	color: #000;
	font-size: 14px
}

.am-calendar .week-panel .cell-grey {
	color: #bbb
}

.am-calendar .date-picker {
	display: flex;
	flex-direction: column;
	background: #eee
}

.am-calendar .date-picker .wrapper {
	height: auto;
	position: relative
}

.am-calendar .date-picker .months {
	background: #fff
}

.am-calendar .date-picker .load-tip {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	left: 0;
	right: 0;
	padding: 10px 0;
	top: -40px;
	color: #bbb
}

.am-calendar .confirm-panel {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	background: #f7f7f7;
	padding: 8px 15px;
	border-top: #ddd 1PX solid
}

.am-calendar .confirm-panel .info {
	font-size: 12px
}

.am-calendar .confirm-panel .info p {
	margin: 0
}

.am-calendar .confirm-panel .info p+p {
	margin-top: 8px
}

.am-calendar .confirm-panel .info .grey {
	color: #bbb
}

.am-calendar .confirm-panel .button {
	text-align: center;
	width: 80px;
	margin: 0 0 0 auto;
	padding: 8px 0;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	background: #108ee9
}

.am-calendar .confirm-panel .button-disable {
	color: #bbb;
	background: #ddd
}

.am-calendar .confirm-panel .button-full {
	width: 100%;
	text-align: center
}

.am-calendar .time-picker {
	flex-shrink: 0;
	text-align: center;
	background: #fff
}

.am-calendar .time-picker .title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 44px;
	font-size: 16px;
	border-top: 1PX #ddd solid;
	border-bottom: 1PX #ddd solid
}

.am-calendar .single-month {
	padding: 0
}

.am-calendar .single-month .month-title {
	margin: 0;
	padding: 21px 0 6px 15px
}

.am-calendar .single-month .row {
	display: flex;
	align-items: baseline
}

.am-calendar .single-month .row .cell {
	display: flex;
	flex-direction: column;
	width: 14.28571429%;
	justify-content: center;
	align-items: center
}

.am-calendar .single-month .row .cell .date-wrapper {
	display: flex;
	height: 35px;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin-bottom: 2px
}

.am-calendar .single-month .row .cell .date-wrapper .date {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	flex-shrink: 0;
	color: #000;
	font-size: 17px;
	font-weight: 700
}

.am-calendar .single-month .row .cell .date-wrapper .disable {
	color: #bbb;
	background: #eee;
	border: none;
	border-radius: 100%
}

.am-calendar .single-month .row .cell .date-wrapper .grey {
	color: #bbb
}

.am-calendar .single-month .row .cell .date-wrapper .important {
	border: 1PX #ddd solid;
	border-radius: 100%
}

.am-calendar .single-month .row .cell .date-wrapper .left, .am-calendar .single-month .row .cell .date-wrapper .right
	{
	border: none;
	width: 100%;
	height: 35px
}

.am-calendar .single-month .row .cell .date-wrapper .date-selected {
	border: none;
	background: #108ee9;
	color: #fff;
	font-size: 17px
}

.am-calendar .single-month .row .cell .date-wrapper .selected-start {
	border-radius: 100% 0 0 100%
}

.am-calendar .single-month .row .cell .date-wrapper .selected-single {
	border-radius: 100%
}

.am-calendar .single-month .row .cell .date-wrapper .selected-middle {
	border-radius: 0
}

.am-calendar .single-month .row .cell .date-wrapper .selected-end {
	border-radius: 0 100% 100% 0
}

.am-calendar .single-month .row .cell .info {
	height: 15px;
	width: 100%;
	padding: 0 5px;
	font-size: 10px;
	color: #888;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center
}

.am-calendar .single-month .row .cell .date-selected {
	color: #108ee9
}

.am-calendar .single-month .row+.row {
	margin-top: 6px
}

.am-calendar .single-month .row-xl+.row-xl {
	margin-top: 21px
}

.am-calendar .shortcut-panel {
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	justify-content: space-between;
	align-items: center;
	padding: 0 30px;
	border-top: #ddd 1PX solid;
	height: 42px
}

.am-calendar .shortcut-panel .item {
	display: inline-block;
	color: #108ee9;
	font-size: 16px
}

.am-carousel {
	position: relative;
	width: 100%;
	height: 100%
}

.am-carousel-wrap {
	font-size: 18px;
	color: #000;
	background: 0 0;
	text-align: center;
	zoom: 1;
	width: 100%
}

.am-carousel-wrap-dot {
	display: inline-block;
	zoom: 1
}

.am-carousel-wrap-dot>span {
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	border-radius: 50%;
	background: #ccc
}

.am-carousel-wrap-dot-active>span {
	background: #888
}

.am-checkbox {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 21px
}

.am-checkbox-inner {
	position: absolute;
	left: 0;
	width: 21px;
	height: 21px;
	border: 1px solid #ccc;
	border-radius: 50%;
	transform: rotate(0);
	box-sizing: border-box
}

.am-checkbox-inner:after {
	position: absolute;
	display: none;
	top: 1.5px;
	right: 6px;
	z-index: 999;
	width: 5px;
	height: 11px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	content: '\0020';
	transform: rotate(45deg)
}

.am-checkbox-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	border: 0 none;
	appearance: none
}

.am-checkbox.am-checkbox-checked .am-checkbox-inner {
	border-color: #108ee9;
	background: #108ee9
}

.am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
	display: block;
	border-color: #fff
}

.am-checkbox.am-checkbox-disabled {
	opacity: .3
}

.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner
	{
	border-color: #888;
	background: 0 0
}

.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after
	{
	border-color: #888
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb {
	position: relative;
	width: 21px;
	height: 21px
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 30px
}

.am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content
	{
	color: #bbb
}

.am-checkbox-agree {
	position: relative;
	display: flex;
	align-items: stretch;
	margin-left: 15px;
	padding-top: 9px;
	padding-bottom: 9px
}

.am-checkbox-agree .am-checkbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 100%
}

.am-checkbox-agree .am-checkbox-inner {
	left: 0;
	top: 12px
}

.am-checkbox-agree .am-checkbox-agree-label {
	display: inline-block;
	font-size: 15px;
	color: #000;
	line-height: 1.5;
	margin-left: 30px;
	margin-top: 1PX
}

.am-menu {
	background-color: #f5f5f9
}

.am-menu .am-radio.am-radio-checked .am-radio-inner i {
	border-color: inherit
}

.am-menu .am-list-item .am-list-line .am-list-extra {
	color: inherit
}

.am-menu .am-checkbox-inner {
	width: 18px;
	height: 18px
}

.am-menu .am-checkbox-inner::after {
	right: 5px;
	width: 5px;
	height: 9px
}

.am-menu .am-menu-select-container {
	flex-grow: 2;
	font-size: 14px
}

.am-menu .am-menu-select-container .am-menu-select-container-submenu {
	align-self: stretch
}

.am-menu .am-multi-select-btns {
	height: 47px;
	width: 100%
}

.am-menu .am-multi-select-btns .am-multi-select-btns-btn {
	width: 50%;
	height: 100%;
	border: 1PX solid #ddd;
	border-radius: 0
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-menu .am-multi-select-btns .am-multi-select-btns-btn
		{
		position: relative;
		border: none
	}
	html:not ([data-scale] ) .am-menu .am-multi-select-btns .am-multi-select-btns-btn::before
		{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 200%;
		height: 200%;
		border: 1PX solid #ddd;
		border-radius: 0;
		transform-origin: 0 0;
		transform: scale(.5);
		box-sizing: border-box;
		pointer-events: none
	}
}

.am-menu .am-flexbox .am-flexbox-item {
	margin-left: 0;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll
}

.am-menu .am-flexbox .am-flexbox-item .am-list {
	padding: 0
}

.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item {
	min-height: 36px
}

.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-content
	{
	font-size: 13px
}

.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox
	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: visible
}

.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox .am-checkbox-inner
	{
	top: 9px;
	right: 15px;
	left: auto
}

.am-menu .am-flexbox .am-flexbox-item:first-child {
	background-color: #f3f3f3
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body
	{
	background-color: #f3f3f3;
	border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body:after
	{
	display: none !important
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item
	{
	background-color: #f3f3f3
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line
	{
	border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line:after
	{
	display: none !important
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line .am-list-content
	{
	color: #000
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child
	{
	border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child:after
	{
	display: none !important
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item.am-menu-selected
	{
	background-color: #fff
}

.am-menu .am-flexbox .am-flexbox-item:last-child {
	background-color: #fff
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item
	{
	background-color: #fff;
	border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item:after
	{
	display: none !important
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item .am-list-line .am-list-extra
	{
	flex: 0
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-selected .am-list-line .am-list-content
	{
	color: inherit
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-disabled .am-list-line .am-list-content
	{
	color: #bbb
}

.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line
	{
	border-bottom: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line
		{
		border-bottom: none
	}
	html:not ([data-scale] ) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 100%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after
		{
		transform: scaleY(.33)
	}
}

.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child
	{
	border-bottom: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child
		{
		border-bottom: none
	}
	html:not ([data-scale] ) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after
		{
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 100%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after
		{
		transform: scaleY(.33)
	}
}

.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line
	{
	border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line:after
	{
	display: none !important
}

.top-advanced-box .menu-header {
	display: flex;
	align-items: center;
	padding-left: 15px;
	background: #fff
}

.top-advanced-box .menu-icon {
	font-size: 20px;
	margin-right: 5px
}

.top-advanced-box .menu-text {
	font-size: 14px
}

.top-advanced-box .am-button {
	font-size: 14px
}

.am-pagination-wrap {
	font-size: 18px;
	color: #000;
	background: 0 0;
	text-align: center
}

.am-pagination-wrap .active {
	color: #108ee9
}

.am-pagination-wrap-btn {
	line-height: 0;
	min-width: auto;
	text-align: center
}

.am-pagination-wrap-btn-prev {
	text-align: left
}

.am-pagination-wrap-btn-next {
	text-align: right
}

.am-pagination-wrap-btn a {
	padding: 0
}

.am-pagination-wrap-btn a:before {
	display: none
}

.am-pagination-wrap-btn.am-flexbox-item {
	min-width: auto
}

.am-pagination-wrap-dot {
	display: inline-block;
	zoom: 1
}

.am-pagination-wrap-dot>span {
	display: block;
	width: 8px;
	height: 8px;
	margin-right: 5px;
	border-radius: 50%;
	background: #ccc
}

.am-pagination-wrap-dot-active>span {
	background: #888
}

.am-picker-popup {
	left: 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	background-color: #fff
}

.am-picker-popup-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	transform: translateZ(1px)
}

.am-picker-popup-mask {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
	height: 100%;
	z-index: 1000;
	transform: translateZ(1px)
}

.am-picker-popup-mask-hidden {
	display: none
}

.am-picker-popup-header {
	background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
	background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
	background-position: bottom;
	background-size: 100% 1PX;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-picker-popup-header {
		border-bottom: none
	}
	html:not ([data-scale] ) .am-picker-popup-header::after {
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 100%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-picker-popup-header::after {
		transform: scaleY(.33)
	}
}

.am-picker-popup-header .am-picker-popup-header-right {
	text-align: right
}

.am-picker-popup-item {
	color: #108ee9;
	font-size: 17px;
	padding: 9px 15px;
	height: 42px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center
}

.am-picker-popup-item-active {
	background-color: #ddd
}

.am-picker-popup-title {
	flex: 1;
	text-align: center;
	color: #000
}

.am-picker-popup .am-picker-popup-close {
	display: none
}

.am-picker-col {
	flex: 1
}

#middlePanel .ant-calendar, #middlePanel .ant-calendar-picker,
	#middlePanel .ant-calendar-picker-clear, #middlePanel .ant-cascader-menus,
	#middlePanel .ant-select, #middlePanel .ant-select-dropdown {
	pointer-events: auto
}

#middlePanel .am-picker-popup-mask, #middlePanel .am-picker-popup-wrap {
	position: absolute;
	pointer-events: auto
}

.am-radio {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 15px
}

.am-radio-inner {
	position: absolute;
	right: 0;
	width: 15px;
	height: 15px;
	box-sizing: border-box;
	transform: rotate(0)
}

.am-radio-inner i {
	position: absolute;
	display: none;
	top: -2.5px;
	right: 5px;
	z-index: 999;
	width: 7px;
	height: 14px;
	border-style: solid;
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg)
}

.am-radio-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	border: 0 none;
	appearance: none
}

.am-radio.am-radio-checked .am-radio-inner {
	border-width: 0
}

.am-radio.am-radio-checked .am-radio-inner i {
	display: block;
	border-color: #108ee9
}

.am-radio.am-radio-disabled.am-radio-checked .am-radio-inner i {
	display: block;
	border-color: #bbb
}

.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra {
	flex: 0
}

.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio
	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	overflow: visible
}

.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio-inner
	{
	right: 15px;
	top: calc(50% - 7.5px)
}

.am-list .am-list-item.am-radio-item.am-radio-item-disabled .am-list-content
	{
	color: #bbb
}

.am-segment {
	display: flex;
	border-radius: 5px;
	overflow: hidden;
	min-height: 27px;
	opacity: 1
}

.am-segment.am-segment-disabled {
	opacity: .5
}

.am-segment-item {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	color: #108ee9;
	font-size: 14px;
	line-height: 1;
	transition: background .2s;
	position: relative;
	border: 1PX solid #108ee9;
	width: 100%;
	box-sizing: border-box;
	border-left-width: 0
}

.am-segment-item-tintcolor {
	border-color: #108ee9
}

.am-segment-item:first-child {
	border-left-width: 1PX;
	border-radius: 5px 0 0 5px
}

.am-segment-item:last-child {
	border-radius: 0 5px 5px 0
}

.am-segment-item-selected {
	background: #108ee9;
	color: #fff
}

.am-segment-item-active .am-segment-item-inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .1;
	transition: background .2s;
	background-color: #108ee9
}

.am-slider {
	position: relative
}

.am-slider-rail {
	position: absolute;
	width: 100%;
	background-color: #ddd;
	height: 2px;
	box-sizing: border-box
}

.am-slider-track {
	position: absolute;
	left: 0;
	height: 2px;
	border-radius: 2px;
	background-color: #108ee9
}

.am-slider-handle {
	position: absolute;
	top: 1px;
	transform: translate(-50%, -50%);
	width: 22px;
	height: 22px;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid #108ee9;
	background-color: #fff;
	box-sizing: border-box
}

.am-slider-handle:focus {
	background-color: #40a5ed
}

.am-slider-mark {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	font-size: 12px
}

.am-slider-mark-text {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	color: #000
}

.am-slider-mark-text-active {
	opacity: .3
}

.am-slider-step {
	position: absolute;
	width: 100%;
	height: 4px;
	background: 0 0
}

.am-slider-dot {
	position: absolute;
	bottom: -5px;
	margin-left: -4px;
	width: 12px;
	height: 12px;
	border: 2px solid #ddd;
	background-color: #fff;
	cursor: pointer;
	border-radius: 50%;
	vertical-align: middle
}

.am-slider-dot:first-child {
	margin-left: -4px
}

.am-slider-dot:last-child {
	margin-left: -4px
}

.am-slider-dot-active {
	border-color: #108ee9
}

.am-slider-disabled {
	opacity: .3
}

.am-slider-disabled .am-slider-track {
	height: 2px
}

.am-slider-disabled .am-slider-dot, .am-slider-disabled .am-slider-handle,
	.am-slider-disabled .am-slider-mark-text {
	cursor: not-allowed;
	box-shadow: none
}

.am-stepper {
	position: relative;
	margin: 0;
	padding: 2px 0;
	display: inline-block;
	box-sizing: content-box;
	width: 63px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	vertical-align: middle;
	overflow: hidden;
	box-sizing: initial !important
}

.am-stepper-handler-wrap {
	position: absolute;
	width: 100%;
	font-size: 24px
}

.am-stepper-handler, .am-stepper-handler-down-inner,
	.am-stepper-handler-up-inner {
	width: 30px;
	height: 30px;
	line-height: 30px
}

.am-stepper-handler {
	text-align: center;
	border: 1PX solid #ddd;
	border-radius: 5px;
	overflow: hidden;
	color: #000;
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
	font-family: 'Material Icons'
}

.am-stepper-handler-active {
	z-index: 2;
	background-color: #ddd
}

.am-stepper-handler-down-inner, .am-stepper-handler-up-inner {
	user-select: none;
	right: 2px
}

.am-stepper-input-wrap {
	display: none;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden
}

.am-stepper-input {
	display: none;
	width: 60px;
	font-size: 16px;
	color: #000;
	text-align: center;
	border: 0;
	padding: 0;
	background: 0 0;
	vertical-align: middle
}

.am-stepper-input[disabled] {
	opacity: 1;
	color: #000
}

.am-stepper.showNumber {
	width: 138px
}

.am-stepper.showNumber .am-stepper-input-wrap {
	display: inline-block
}

.am-stepper.showNumber .am-stepper-input {
	display: inline-block
}

.am-stepper.showNumber .am-stepper-handler-down-disabled {
	right: -1PX
}

.am-stepper-handler-up {
	cursor: pointer;
	right: 0
}

.am-stepper-handler-up-inner:before {
	text-align: center;
	content: "add";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.am-stepper-handler-down {
	cursor: pointer;
	left: 0
}

.am-stepper-handler-down-inner:before {
	text-align: center;
	content: "remove";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.am-stepper-handler-down-disabled, .am-stepper-handler-up-disabled {
	opacity: .3
}

.am-stepper-handler-up-disabled .am-stepper-handler-active {
	background: 0 0
}

.am-stepper-disabled .am-stepper-handler-down, .am-stepper-disabled .am-stepper-handler-up
	{
	opacity: .3;
	background: 0 0
}

.am-stepper-disabled .am-stepper-handler {
	opacity: .3
}

.am-stepper-disabled .am-stepper-input-wrap {
	opacity: .3
}

.am-switch {
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	cursor: pointer;
	align-self: center;
	width: 50px;
	height: 32px
}

.am-switch .checkbox {
	width: 100%;
	height: 100%;
	border-radius: 31px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	z-index: 0;
	margin: 0;
	padding: 0;
	appearance: none;
	cursor: pointer;
	position: relative;
	transition: box-shadow .3s
}

.am-switch .checkbox>.checkbox-btn {
	height: 28px;
	width: 28px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	z-index: 2;
	top: 1px;
	transform: translateX(0);
	transition: transform .2s, background .2s;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .21)
}

.am-switch .checkbox.checkbox-disabled {
	z-index: 3
}

.am-switch input[type=checkbox] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	border: 0 none;
	appearance: none
}

.am-switch input[type=checkbox]:checked+.checkbox>.checkbox-bg {
	transform: scale(0)
}

.am-switch input[type=checkbox]:checked+.checkbox>.checkbox-btn {
	transform: translateX(20px)
}

.am-switch input[type=checkbox]:disabled+.checkbox {
	opacity: .3
}

.am-switch.am-switch-android {
	width: 72px;
	height: 23px
}

.am-switch.am-switch-android .checkbox {
	border-radius: 3px;
	background: #a7aaa6;
	border: 0
}

.am-switch.am-switch-android .checkbox>.checkbox-bg {
	display: none
}

.am-switch.am-switch-android .checkbox>.checkbox-btn {
	width: 35px;
	height: 21px;
	border-radius: 2px;
	box-shadow: none;
	left: 1PX;
	top: 1PX
}

.am-switch.am-switch-android input[type=checkbox]:checked+.checkbox {
	background: #108ee9
}

.am-switch.am-switch-android input[type=checkbox]:checked+.checkbox>.checkbox-bg
	{
	transform: scale(0)
}

.am-switch.am-switch-android input[type=checkbox]:checked+.checkbox>.checkbox-btn
	{
	transform: translateX(35px)
}

.am-switch.am-switch-md .checkbox {
	background: #9b9b9b;
	border: 0;
	height: 70%;
	top: 15%
}

.am-switch.am-switch-md .checkbox>.checkbox-btn {
	top: -21.5%;
	width: 20px;
	height: 20px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .5)
}

.am-switch.am-switch-web .checkbox {
	border: 0
}

.am-switch.am-switch-web .checkbox>.checkbox-btn {
	top: 2px;
	left: 2px
}

.am-navbar {
	display: flex;
	align-items: center;
	height: 45px;
	background-color: #108ee9;
	color: #fff
}

.am-navbar-left, .am-navbar-right, .am-navbar-title {
	flex: 1;
	height: 100%;
	display: flex;
	align-items: center
}

.am-navbar-left {
	padding-left: 15px;
	font-size: 16px
}

.am-navbar-left-icon {
	margin-right: 5px;
	display: inherit
}

.am-navbar-title {
	justify-content: center;
	font-size: 18px;
	white-space: nowrap
}

.am-navbar-right {
	justify-content: flex-end;
	font-size: 16px;
	margin-right: 15px
}

.am-navbar-light {
	background-color: #fff;
	color: #108ee9
}

.am-navbar-light .am-navbar-title {
	color: #000
}

.antd-pro-charts-miniChart {
	margin-top: -30px
}

.ant-carousel .slick-slide {
	text-align: center;
	height: 100%;
	background: #d9d9d9;
	position: relative
}

.ant-carousel .slick-slide .default-img {
	background: #d9d9d9;
	left: 0;
	top: 0
}

.ant-carousel .slick-slide h3 {
	color: #fff
}

.miniProgress {
	position: absolute;
	width: 100%;
	transform: translateY(-50%)
}

.miniProgress .progressWrap {
	background-color: #f5f5f5;
	position: relative
}

.miniProgress .progressWrap .progress {
	-webkit-transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s;
	transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s;
	border-radius: 1px 0 0 1px;
	background-color: #1890ff;
	width: 0;
	height: 100%
}

.advanced-box *, .chart-box *, .mobile-box * {
	box-sizing: border-box
}

.top-advanced-box {
	position: absolute;
	width: 100%;
	top: 0
}

.middle-advanced-box {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%)
}

.middle-advanced-horizontal-box {
	width: auto;
	left: 50%;
	transform: translate(-50%, -50%)
}

.ant-calendar-picker>div {
	height: 100%
}

.ant-menu-submenu-popup {
	pointer-events: auto
}

@font-face {
	font-family: iconfontAnt;
	src: url(../font/iconfontAnt-2e5d3950be_1.woff) format('woff')
}

.iconfontAdd {
	font-family: iconfontAnt !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.pie {
	position: relative
}

.pie .chart {
	position: relative
}

.pie.hasLegend .chart {
	width: calc(100% - 240px)
}

.pie .legend {
	position: absolute;
	right: 0;
	min-width: 200px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 20px;
	list-style: none;
	padding: 0
}

.pie .legend li {
	cursor: pointer;
	margin-bottom: 16px;
	height: 22px;
	line-height: 22px;
	display: flex;
	align-items: center
}

.pie .legend li:last-child {
	margin-bottom: 0
}

.pie .dot {
	border-radius: 8px;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: -1px;
	height: 8px;
	width: 8px
}

.pie .line {
	display: inline-block;
	margin-right: 8px;
	width: 1px;
	height: 16px
}

.pie .percent {
	color: rgba(0, 0, 0, .45)
}

.pie .value {
	position: absolute;
	right: 0
}

.pie .title {
	margin-bottom: 8px
}

.pie .total {
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	max-height: 62px;
	transform: translate(-50%, -50%)
}

.pie .total>h4 {
	color: rgba(0, 0, 0, .45);
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	margin-bottom: 8px;
	font-weight: 400
}

.pie .total>p {
	display: block;
	font-size: 1.2em;
	height: 32px;
	line-height: 32px;
	white-space: nowrap
}

.legendBlock.hasLegend .chart {
	width: 100%;
	margin: 0 0 32px 0
}

.legendBlock .legend {
	position: relative;
	transform: none
}

.ant-cascader-picker-label {
	pointer-events: none
}

.radar .legend {
	display: flex;
	margin-top: 16px
}

.radar .legend>div {
	position: relative;
	flex: 1
}

.radar .legend>div:not (:last-child ):after {
	content: '';
	display: block;
	background-color: #e8e8e8;
	position: absolute;
	top: 15%;
	right: 0;
	height: 70%;
	width: 1px
}

.radar .legend .legendItem {
	position: relative;
	text-align: center;
	cursor: pointer;
	color: rgba(0, 0, 0, .45);
	line-height: 22px
}

.radar .legend .legendItem p {
	margin: 0
}

.radar .legend .legendItem h6 {
	padding-left: 16px;
	font-size: 24px;
	line-height: 32px;
	margin-top: 4px;
	margin-bottom: 0
}

.radar .legend .legendItem:after {
	position: absolute;
	top: 8px;
	right: 0;
	height: 40px;
	width: 1px;
	content: ''
}

.radar .legend>:last-child .legendItem:after {
	display: none
}

.radar .legend .dot {
	border-radius: 6px;
	display: inline-block;
	margin-right: 6px;
	position: relative;
	top: 0;
	height: 6px;
	width: 6px
}

.waterWave {
	display: inline-block;
	position: relative;
	transform-origin: left
}

.waterWave .text {
	position: absolute;
	left: 0;
	top: 32px;
	text-align: center;
	width: 100%
}

.waterWave .text span {
	color: rgba(0, 0, 0, .45);
	font-size: 14px;
	line-height: 22px
}

.waterWave .text h4 {
	line-height: 32px;
	font-size: 24px
}

.waterWave .waterWaveCanvasWrapper {
	transform: scale(.5);
	transform-origin: 0 0
}

.am-accordion-content .am-list-item .am-list-line .am-list-content {
	white-space: normal
}

.ant-divider, .ant-divider-vertical {
	margin: 0 8px;
	height: .9em;
	width: 1px;
	position: relative;
	top: .05em;
	box-sizing: border-box;
	background: #e8e8e8
}

.select-img {
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.nav-title {
	font-size: 14px;
	color: #fff
}

.nav-select {
	width: 240px;
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: space-between
}

.nav-select>div {
	opacity: .6
}

.nav-select>div:hover:not (.active ){
	opacity: 1;
	cursor: pointer
}

.nav-select .active {
	opacity: 1;
	background-color: rgba(245, 100, 100, .5);
	border-radius: 2px
}

.menu-set-select>div {
	width: 72px;
	height: 50px;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.menu-set-select>div:nth-child(1) {
	background-position: -216px -66px
}

.menu-set-select>div:nth-child(2) {
	background-position: -72px -66px
}

.menu-set-select>div:nth-child(3) {
	background-position: -144px -66px
}

.rate-set-select>div {
	width: 112px;
	height: 36px;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.rate-set-select>div:nth-child(1) {
	background-position: 0 -132px
}

.rate-set-select>div:nth-child(2) {
	background-position: -112px -132px
}

.datepicker-set-select>div {
	width: 112px;
	height: 66px;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.datepicker-set-select>div:nth-child(1) {
	background-position: -112px -201px
}

.datepicker-set-select>div:nth-child(2) {
	background-position: -224px -201px
}

.calendar-set-select>div {
	width: 112px;
	height: 66px;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.calendar-set-select>div:nth-child(1) {
	background-position: -112px -267px
}

.calendar-set-select>div:nth-child(2) {
	background-position: 0 -267px
}

.collapse-set-select>div {
	width: 72px;
	height: 66px;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.collapse-set-select>div:nth-child(1) {
	background-position: -216px 0
}

.collapse-set-select>div:nth-child(2) {
	background-position: -288px 0
}

.collapse-set-select>div:nth-child(3) {
	background-position: -288px -66px
}

.carouselM-set-select>div {
	width: 120px;
	height: 66px;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.carouselM-set-select>div:nth-child(1) {
	background-position: -221px -135px
}

.carouselM-set-select>div:nth-child(2) {
	background-position: 4px -201px
}

.menuM-set-select>div {
	width: 60px;
	height: 55px;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.menuM-set-select>div:nth-child(1) {
	background-position: 0 -380px
}

.menuM-set-select>div:nth-child(2) {
	background-position: -60px -380px
}

.menuM-set-select>div:nth-child(3) {
	background-position: -120px -380px
}

.menuM-set-select>div:nth-child(4) {
	background-position: -180px -380px
}

.list-data-set {
	position: relative;
	border-bottom: solid 1px #4c4c4c
}

.list-data-set .list-data-layer:hover .list-hover-icon {
	display: block
}

.list-data-set .list-data-layer .C-name-input textarea {
	width: calc(100% - 15px)
}

.list-data-set .list-data-layer .C-name-input input:focus,
	.list-data-set .list-data-layer .C-name-input input:hover,
	.list-data-set .list-data-layer .C-name-input textarea:focus,
	.list-data-set .list-data-layer .C-name-input textarea:hover {
	border-bottom: none
}

.list-data-set .catalog-list {
	position: absolute;
	top: 35px;
	color: #fff;
	font-size: 13px;
	overflow-y: scroll;
	right: 0;
	left: 0;
	width: 100%;
	overflow-x: hidden
}

.list-data-set .catalog-list .struct-li {
	width: 100%;
	height: 30px
}

.list-data-set .catalog-list .name::before {
	content: none
}

.list-data-set .catalog-list .name.no-icon .C-name-input {
	margin-left: -15px
}

.list-data-set .catalog-list .name.no-icon .C-name-input input:focus,
	.list-data-set .catalog-list .name.no-icon .C-name-input input:hover,
	.list-data-set .catalog-list .name.no-icon .C-name-input textarea:focus,
	.list-data-set .catalog-list .name.no-icon .C-name-input textarea:hover
	{
	border-bottom: none
}

.list-data-set .add-select-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -10px -344px;
	right: 22px;
	top: 11px
}

.list-data-set .list-hover-icon {
	display: none
}

.list-data-set .show-select-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -38px -342px;
	right: 0;
	top: 11px;
	z-index: 1
}

.list-data-set .set-select-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -160px -344px
}

.list-data-set .add-content-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -10px -344px
}

.list-data-set .set-event-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -124px -344px;
	margin-right: 2px
}

.list-data-set .is-select-icon {
	background-position: -196px -344px;
	display: block;
	right: auto;
	margin-right: px
}

.list-data-set .is-event-icon {
	background-position: -232px -344px;
	display: block;
	right: auto;
	margin-right: 2px
}

.list-data-set .delete-select-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -72px -344px;
	margin-right: 6px
}

.list-data-set .icon-float-right {
	position: relative;
	float: right;
	margin-top: 5px
}

.list-data-set .C-name-input {
	font-size: 12px
}

.list-select-set {
	bottom: 28px;
	position: absolute
}

.list-extend-set {
	bottom: 0;
	position: absolute
}

.list-router-set {
	bottom: 0;
	position: absolute
}

.base-checkbox {
	height: 36px;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #fff;
	cursor: pointer
}

.base-checkbox::before {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 2px;
	margin-right: 8px;
	margin-top: 1px
}

.base-checkbox.base-checkbox-active::before {
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-color: #f56464;
	background-position: -34px -62px
}

.base-checkbox.base-checkbox-none::before {
	box-sizing: border-box;
	border: 1px solid #fff
}

.img-carousel {
	padding-bottom: 11px;
	border-bottom: solid 1px #4c4c4c
}

.img-carousel .remove-icon {
	position: absolute;
	right: 0;
	top: -5px
}

.img-carousel.is-move-img .carousel-child .cancel-carousel {
	display: none
}

.comp-set-title {
	font-size: 12px;
	color: #fff;
	line-height: 40px
}

.switchM-set-select>div {
	width: 72px;
	height: 36px;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.switchM-set-select>div:nth-child(1) {
	background-position: 0 0
}

.switchM-set-select>div:nth-child(2) {
	background-position: -72px 0
}

.switchM-set-select>div:nth-child(3) {
	background-position: -144px 0
}

.carousel-WH {
	width: 72px;
	height: 48px;
	border-radius: 2px
}

.carousel-child {
	width: 72px;
	height: 48px;
	border-radius: 2px;
	float: left;
	position: relative;
	cursor: pointer
}

.carousel-img {
	display: flex;
	flex-wrap: wrap
}

.carousel-img .cancel-carousel {
	width: 15px;
	height: 15px;
	border-radius: 8px;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: 2px -64px;
	background-color: #fff;
	position: absolute;
	right: -7.5px;
	top: -7.5px;
	display: none;
	cursor: pointer;
	z-index: 2
}

.carousel-img .carousel-img-box {
	width: 72px;
	height: 48px;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #cdcdcd
}

.carousel-img .carousel-img-box:hover .carousel-hasvalue-img,
	.carousel-img .carousel-img-box:hover .default-img {
	opacity: .6
}

.carousel-img .carousel-img-box .carousel-default-img {
	width: 72px;
	height: 48px;
	background: #d9d9d9
}

.carousel-img .carousel-img-box .default-img::after {
	font-size: 16px
}

.carousel-img .carousel-img-box .carousel-event-icon {
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	width: 20px;
	height: 20px;
	background-position: 0 -441px
}

.carousel-img .carousel-img-box .carousel-event-icon:hover {
	background-position: 0 -469px
}

.carousel-img .carousel-img-box .carousel-event-has-icon {
	background-position: 0 -469px
}

.carousel-img img {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	max-width: 100%;
	border-radius: 2px
}

.carousel-img:hover .cancel-carousel {
	display: block
}

.carousel-img:hover .cancel-carousel:hover {
	background-color: red;
	background-position: 1px -98px
}

.carousel-img-a img {
	pointer-events: none
}

.add-carousel {
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, .2);
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -334px -202px;
	cursor: pointer;
	margin-top: 0;
	position: absolute
}

.add-carousel>div {
	width: 72px;
	height: 48px;
	border-radius: 2px;
	cursor: pointer;
	pointer-events: auto
}

.collapse-icon-box, .list-data-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer
}

.collapse-set {
	position: relative
}

.collapse-set .comp-set-title {
	margin-top: 7px
}

.extend-list-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -10px -344px
}

.extend-list-icon-hidden {
	display: none
}

.ul-extend-icon {
	right: 23px;
	top: 18px;
	z-index: 1
}

.show-menu-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -38px -342px;
	right: 0;
	top: 18px;
	z-index: 1
}

.hide-menu-icon {
	transform: rotate(180deg)
}

.collapse-less-li {
	color: #fff;
	font-size: 12px;
	box-sizing: border-box;
	border: 1px solid #000;
	padding: 0 12px;
	width: 240px;
	margin-bottom: 12px;
	background: rgba(60, 60, 70, .98);
	border-radius: 2px;
	padding-top: 7px;
	height: 38px
}

.collapse-less-li .C-name-input {
	margin-top: 3px;
	height: 12px
}

.collapse-less-li .C-name-input input {
	margin-top: 0;
	left: 0;
	font-size: 12px
}

.collapse-less-li .less-hover-icon {
	display: none
}

.collapse-less-li:hover .less-hover-icon {
	display: block
}

.collapse-more-li {
	position: relative;
	width: 240px;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	box-sizing: border-box;
	border: 1px solid #f56464;
	padding-top: 12px;
	margin-bottom: 12px;
	background: rgba(60, 60, 70, .98);
	border-radius: 2px
}

.collapse-more-li .li-title {
	margin-bottom: 24px;
	margin-left: 12px
}

.collapse-more-li .li-title .C-name-input {
	position: absolute;
	font-size: 12px
}

.collapse-more-li .li-title .C-name-input textarea {
	margin-top: -15px;
	width: 100%
}

.collapse-more-li .li-title .C-name-input input {
	margin-top: -16px
}

.collapse-more-li .content-box {
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	max-height: 53px;
	-webkit-box-orient: vertical;
	position: relative;
	padding-left: 12px
}

.collapse-more-li .content-box:hover .icon-mask {
	display: block
}

.collapse-more-li .content-box:hover .icon-mask .delete-icon {
	display: block
}

.collapse-more-li .content-box:hover .icon-mask .not-allow-delete {
	display: none
}

.collapse-more-li .content-box:hover .icon-mask .add-event-icon {
	right: 26px
}

.collapse-more-li .content-box>div:not (.icon-mask ){
	width: 214px;
	opacity: .8;
	padding: 12px 0
}

.collapse-more-li .content-box .C-name-input {
	max-width: 100%
}

.collapse-more-li .content-box .C-name-input textarea {
	margin-top: -16px;
	white-space: pre-wrap;
	height: 39px;
	width: 214px;
	font-size: 12px
}

.collapse-more-li .sing-number-box {
	background: rgba(255, 255, 255, .03)
}

.collapse-more-li .sing-number-box .icon-mask {
	background: #42424b
}

.delete-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -72px -344px;
	right: 3px;
	top: 8px
}

.content-extend-icon {
	right: 26px;
	top: 8px;
	opacity: .8
}

.icon-mask {
	position: absolute;
	top: 6px;
	right: 0;
	width: 48px;
	height: 20px;
	display: none;
	background: rgba(60, 60, 70, .98)
}

.icon-mask .add-event-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	cursor: pointer;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -124px -344px;
	right: 26px;
	float: right
}

.icon-mask .delete-icon {
	right: 3px;
	top: 0;
	float: right;
	display: none
}

.show-icon-mask {
	display: block
}

.show-icon-mask .add-event-icon {
	display: block;
	background-position: -231px -343px;
	right: 3px
}

.collapse-less-li .content-box .icon-mask .not-allow-delete.delete-icon,
	.collapse-more-li .content-box .icon-mask .not-allow-delete.delete-icon
	{
	display: none
}

.collapse-less-li .content-box .icon-mask .move-extend-icon.extend-list-icon,
	.collapse-less-li .content-box .icon-mask .move-other-icon.add-event-icon,
	.collapse-more-li .content-box .icon-mask .move-extend-icon.extend-list-icon,
	.collapse-more-li .content-box .icon-mask .move-other-icon.add-event-icon
	{
	right: 3px
}

.collapse-less-li .content-box .icon-mask .is-event-icon,
	.collapse-more-li .content-box .icon-mask .is-event-icon {
	display: block
}

.am-carousel {
	overflow: hidden
}

.am-carousel .carousel-img-a {
	background: #d9d9d9
}

.am-carousel .carousel-img-a .carousel-default-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto auto
}

#rightPanel .contr-title-box {
	font-size: 14px;
	line-height: 35px
}

.timelineChart-tableset .htCore tbody tr td:first-child {
	pointer-events: none
}

.C-name-input textarea {
	height: 26px
}

.C-name-input input {
	margin-top: -4px
}

.collapse-drag-list {
	position: relative;
	width: 100%;
	padding-top: 50px
}

.ant-pagination {
	width: 999999px
}

.ant-checkbox-checked .ant-checkbox-inner, .ant-checkbox-indeterminate .ant-checkbox-inner
	{
	border: none
}

.ant-calendar-range-middle {
	padding: 6px 0
}

.ant-transfer {
	width: 150%
}

.ant-select-tree-dropdown, .ant-time-picker-panel-select,
	.ant-transfer-list-content {
	overflow-x: hidden !important
}

.ant-select-tree-dropdown::-webkit-scrollbar,
	.ant-time-picker-panel-select::-webkit-scrollbar,
	.ant-transfer-list-content::-webkit-scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 8px;
	height: 8px;
	background-color: #f0f0f0
}

.ant-select-tree-dropdown::-webkit-scrollbar-thumb:vertical,
	.ant-time-picker-panel-select::-webkit-scrollbar-thumb:vertical,
	.ant-transfer-list-content::-webkit-scrollbar-thumb:vertical {
	background-color: #999
}

.am-list-item.am-checkbox-item, .checkboxM-contr .am-list-body {
	background: 0 0
}

.am-list-item.change-style-title .am-list-line .am-list-content {
	color: inherit;
	font-size: inherit
}

.calendar-list .am-list-item-middle {
	display: none
}

.calendar-list .am-list-item-middle:first-child {
	display: flex
}

.rightBox figure .contr-right-timepicker-comp {
	width: 178px;
	height: 26px
}

.rightBox figure .contr-right-timepicker-comp input {
	background: #2f2f36;
	color: #fff;
	border-color: #cdcdcd
}

.rightBox figure .contr-right-timepicker-comp input:hover {
	border-color: #cdcdcd
}

.rightBox figure .contr-right-timepicker-comp .ant-time-picker-icon {
	color: #aaa;
	line-height: 26px;
	font-size: 12px;
	margin-top: 0
}

#rightPanel .handsontable {
	padding-right: 1px
}

#rightPanel .handsontable table.htCore {
	background: #44444f;
	font-size: 12px;
	color: #fff;
	border-collapse: collapse;
	border: 1px solid #5e5e69;
	border-radius: 4px
}

#rightPanel .handsontable table.htCore::after {
	border: none
}

#rightPanel .handsontable th {
	background: #4c4c58;
	color: #fff;
	border: 1px solid #5e5e69 !important;
	height: 30px;
	line-height: 30px
}

#rightPanel .handsontable td, #rightPanel .handsontable tr {
	height: 30px;
	line-height: 30px;
	background: 0 0;
	border: 1px solid #5e5e69 !important
}

#rightPanel .handsontable tbody th.ht__active_highlight, #rightPanel .handsontable tbody th.ht__highlight,
	#rightPanel .handsontable thead th.ht__active_highlight, #rightPanel .handsontable thead th.ht__highlight
	{
	background-color: #2c2c32;
	color: #fff
}

#rightPanel .handsontable .handsontable .wtBorder {
	height: 1px !important;
	background: #f56464 !important
}

#rightPanel .handsontable .htBorders {
	display: none
}

#rightPanel .handsontable .highlight {
	color: #fff;
	box-shadow: 0 0 0 1px #f56464 inset
}

#rightPanel .handsontable .handsontableInput {
	line-height: 31px;
	background-color: #44444f !important;
	color: #fff;
	box-shadow: 0 0 0 1px #f56464 inset
}

#rightPanel .handsontable .htDimmed {
	color: #fff
}

#rightPanel .handsontable .wtHolder::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

#rightPanel .handson-table-col-header {
	background: 0 0;
	font-size: 12px;
	color: #fff;
	height: 34px
}

#rightPanel .timelineChart-table .htCore tbody tr:first-child {
	background: #4c4c58
}

#rightPanel .timelineChart-table .htCore tbody tr td:first-child {
	background: #4c4c58
}

.expand-icon.data-list-icon {
	position: absolute;
	font-size: 15px;
	top: 7px;
	left: 0;
	text-indent: 0;
	cursor: pointer
}

.expand-icon.menu-list-icon {
	font-size: 20px;
	margin-right: 5px
}

.am-slider-handle {
	background: 0 0
}

.isAdvancedContr.isEdit>.advanced-box, .isAdvancedContr.isEdit>.chart-box,
	.isAdvancedContr.isEdit>.mobile-box {
	z-index: 2
}

.isAdvancedContr.isEdit>.cover {
	z-index: 1
}

.ant-cascader-menu-item-expand-icon {
	display: none
}

.am-accordion .am-accordion-content-box .am-list-item {
	padding: 15px 0
}

.mark-chart-list {
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	color: #fff;
	margin-bottom: 16px;
	opacity: .4
}

.mark-list-content {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
	line-height: 24px
}

.mark-list-content .list-content-header {
	width: 42px;
	font-size: 12px;
	opacity: .75;
	color: #eee;
	position: relative
}

.mark-list-content .word-content-header {
	width: 48px;
	margin-right: 8px
}

.mark-list-content .style-content-header {
	width: 48px;
	margin-right: 20px
}

.mark-list-content .mark-color-panel {
	width: 18px;
	height: 18px;
	margin: auto 0;
	border-radius: 50%;
	margin-right: 8px;
	box-sizing: border-box
}

.mark-list-content .bgColor-color {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
	top: 1px;
	left: 2px
}

.mark-list-content .bgColor-color:hover {
	border: 1px solid #fff
}

.mark-list-content .mark-opacity-color-panel {
	position: relative
}

.mark-list-content .mark-opacity-color-panel::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image:
		url();
	border-radius: 3px;
	top: 1px;
	left: 2px;
	margin: 4px
}

.mark-border .mark-color-panel {
	margin-top: 3px
}

.mark-data-common {
	width: 140px;
	height: 24px;
	border-radius: 4px;
	text-indent: 8px;
	font-size: 12px;
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .6);
	overflow: hidden
}

.isAdvancedContr video {
	background: #2d2d2d
}

#mapContainer, #mapContainerEdit {
	border-radius: 4px
}

.map-container {
	position: relative;
	z-index: 1;
	color: #000;
	overflow: hidden
}

.map-container .not-find-toast {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 360px;
	height: 44px;
	line-height: 44px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

.map-container .not-find-toast.not-find-toast-show {
	display: block
}

.map-container .not-find-toast.is-mini-input {
	top: 50px;
	left: 10px;
	max-width: calc(100% - 20px)
}

.map-container .not-find-toast .not-find-text {
	font-size: 12px;
	color: rgba(0, 0, 0, .35);
	padding-left: 8.89%;
	overflow-x: auto
}

.map-container.not-edit-map {
	display: none
}

.amap-sug-result {
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	border: none;
	margin-top: 4px;
	max-width: 349.4px;
	height: 232px;
	padding: 4px 0;
	overflow-x: hidden;
	overflow-y: auto
}

.amap-zoomcontrol {
	bottom: 10px !important;
	right: 15px !important
}

.amap-zoom-ruler {
	height: 80px !important
}

.amap-zoom-labels {
	display: none !important
}

.amap-toolbar {
	right: 10px;
	bottom: 10px
}

.auto-item {
	font-size: 13px;
	color: rgba(0, 0, 0, .65);
	height: 36px;
	line-height: 36px;
	padding-left: 12px
}

.auto-item:first-child {
	margin-top: 4px
}

.auto-item:last-child {
	margin-bottom: 4px
}

.auto-item:hover {
	background-color: rgba(0, 0, 0, .06)
}

.auto-item-span {
	font-size: 12px;
	color: rgba(0, 0, 0, .35);
	padding-left: 12px
}

.amap-info-contentContainer {
	color: #000
}

#map-input-edit {
	background-color: #fff
}

.map-search-components-wrapper {
	position: absolute;
	width: 360px;
	top: 20px;
	left: 20px
}

.map-search-components-wrapper.is-mini-input {
	max-width: calc(100% - 20px);
	top: 10px;
	left: 10px
}

.map-search-input {
	position: absolute;
	z-index: 100;
	width: 360px;
	height: 36px;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	background: #fff;
	font-size: 13px;
	text-indent: 36px;
	color: rgba(0, 0, 0, .65)
}

.map-search-input.is-mini-input {
	max-width: calc(100% - 20px);
	top: 10px;
	left: 10px
}

.input-search-icon {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	font-size: 20px !important;
	color: rgba(0, 0, 0, .6);
	width: 36px !important;
	height: 36px !important;
	background-color: #fff;
	line-height: 36px !important;
	text-align: center;
	border-radius: 4px
}

.input-search-icon.is-mini-input {
	top: 10px;
	left: 10px
}

.clear-icon-wrapper {
	width: 36px;
	height: 36px;
	background-color: #fff;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	border-radius: 4px
}

.clear-icon-wrapper.is-mini-input {
	top: 10px;
	right: 10px
}

.clear-icon-wrapper .input-clear-icon {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: rgba(0, 0, 0, .2);
	opacity: .2;
	width: 36px;
	height: 36px;
	transform: rotate(45deg)
}

.clear-icon-wrapper .input-clear-icon:hover {
	cursor: pointer;
	color: rgba(0, 0, 0, .6)
}

.mobile-body .map-search-components-wrapper {
	top: 10px;
	left: 10px;
	width: calc(100% - 20px)
}

.mobile-body .map-search-input {
	top: 10px;
	left: 10px;
	width: calc(100% - 20px)
}

.mobile-body .input-search-icon {
	left: 10px;
	top: 10px
}

.mobile-body .clear-icon-wrapper {
	top: 10px;
	right: 10px
}

.mobile-body .not-find-toast {
	top: 50px;
	left: 10px;
	width: 100%- 20px
}

.mobile-body .not-find-toast.is-mini-input {
	top: 50px;
	left: 10px;
	width: 100%- 20px
}

.mobile-body .amap-zoomcontrol {
	position: absolute;
	bottom: 10px
}

.audio-player-container {
	display: flex;
	align-items: center;
	background-color: #eee;
	border-radius: 4px;
	max-height: 80px;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
	word-break: normal
}

.audio-player-container .react-player {
	display: none
}

.audio-player-container.small .audio-info-time {
	display: none
}

.audio-player-container.small .audio-title-container {
	float: left;
	width: 100%;
	display: flex;
	font-size: 14px;
	color: #505050
}

.audio-player-container.xsmall .audio-right-info {
	display: none
}

.audio-player-container.xsmall .audio-wrapper {
	padding: 0 12px
}

.audio-player-container.xxsmall .audio-wrapper {
	padding: 0 12px 0 6px
}

.audio-player-container.xxsmall .audio-play-btn {
	width: 20px;
	height: 20px
}

.audio-player-container.xxsmall .audio-play-btn .audio-play-icon {
	font-size: 10px
}

.audio-player-container.xxsmall .audio-right-info .audio-title-container
	{
	font-size: 12px
}

.audio-player-container.xxsmall .audio-right-info .audio-progress-container
	{
	display: none
}

.audio-player-container.xxsmall.xsmall .audio-right-info {
	display: block
}

.audio-player-container.xxsmall.xxxsmall .audio-right-info {
	display: none
}

.audio-wrapper {
	flex: 1;
	padding: 0 16px 0 12px;
	max-height: 40px;
	display: flex
}

.audio-play-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer
}

.audio-play-btn .audio-play-icon {
	color: #a6a6a6
}

.audio-right-info {
	flex: 1;
	height: 100%;
	margin-left: 10px;
	width: 0;
	line-height: 20px
}

.audio-right-info .audio-info-container .audio-file-format {
	word-break: normal
}

.audio-right-info .audio-title-container {
	float: left;
	width: calc(100% - 80px);
	display: flex;
	font-size: 14px;
	color: #505050
}

.audio-right-info .audio-info-time {
	float: right;
	font-size: 12px;
	color: grey
}

.audio-right-info .audio-info-time.is-width-240 {
	visibility: hidden
}

.audio-right-info .audio-progress-container {
	position: relative;
	margin-top: 10px
}

.audio-right-info .audio-progress-container .audio-progress-bar {
	position: absolute;
	height: 5px;
	background-color: #f56464;
	border-radius: 3px;
	transition: width .2s
}

.audio-right-info .audio-progress-container .audio-progress-bg {
	height: 5px;
	background-color: rgba(0, 0, 0, .15);
	border-radius: 3px
}

.audio-right-info .audio-progress-container .audio-progress-input {
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	opacity: 0;
	cursor: pointer
}

.webpage-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 800px;
	height: 450px;
	background-color: #eee;
	overflow: hidden
}

.webpage-container.xsmall .webpage-url {
	font-size: 12px
}

.webpage-container.xsmall .webpage-url.hasUrl {
	font-size: 12px
}

.webpage-container.small .webpage-url {
	font-size: 20px
}

.webpage-container.small .webpage-url.hasUrl {
	font-size: 16px
}

.webpage-container .webpage-header-container {
	height: 11%;
	min-height: 14px;
	background-color: #d8d8d8;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center
}

.webpage-container .webpage-header-container .webpage-head-title {
	width: 33.25%;
	height: 48%;
	border-radius: 100px;
	background-color: #c6c6c6;
	margin-left: 1.75%
}

.webpage-container .webpage-header-container .webpage-close-icon {
	border-radius: 100px;
	background-color: #c6c6c6;
	margin-right: 1.75%
}

.webpage-container .webpage-content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #d8d8d8;
	border-radius: 4px;
	margin: 6%;
	flex: 1
}

.webpage-container .webpage-url {
	font-size: 30px;
	color: #a6a6a6
}

.webpage-container .webpage-url.hasUrl {
	font-size: 20px;
	word-break: break-all
}

.video-container {
	position: absolute;
	width: 800px;
	height: 450px;
	background-color: #eee;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden
}

.video-container .video-title-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 20px;
	height: 13.33%;
	margin-left: 2.5%
}

.video-container .video-left-title {
	width: 25.2%;
	height: 33.33%;
	border-radius: 10px;
	background-color: #d8d8d8
}

.video-container .video-btn-wrapper {
	display: flex;
	width: 100%;
	height: 87.11%;
	justify-content: center;
	align-items: center
}

.video-container .video-btn-wrapper .insert-success-info-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%
}

.video-container .video-btn-wrapper .insert-success-info-container .insert-success-info
	{
	font-size: 16px;
	color: rgba(166, 166, 166, .6)
}

.video-container .video-btn-wrapper .insert-success-info-container .insert-success-info .insert-success-info-preview
	{
	color: #a6a6a6
}

.video-container .video-btn-wrapper .insert-success-info-container .insert-success-url
	{
	font-size: 14px;
	color: rgba(166, 166, 166, .6);
	margin-top: 1.5%;
	max-width: 80%
}

.video-container .video-btn-wrapper .video-play-button {
	width: 59px;
	height: 59px;
	border-radius: 50%;
	background: #dbdbdb;
	display: flex;
	justify-content: center;
	align-items: center
}

.video-container .video-btn-wrapper .video-play-icon {
	color: #fff
}

.video-container .progress-container {
	width: 100%;
	height: 12.89%;
	background-color: #d8d8d8;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}

.video-container .progress-container .video-progress {
	width: 92%;
	height: 10%;
	background-color: #fff;
	border-radius: 10px
}

.video-container .progress-container .video-progress-circle-icon {
	position: absolute;
	left: 10%;
	border-radius: 13px;
	background-color: #fff
}

.web-url-input-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center
}

.web-url-input-wrapper .web-url-https {
	font-size: 14px;
	opacity: .6;
	margin-right: 8px
}

.web-url-input-wrapper .web-url-input {
	width: 600px;
	height: 40px;
	font-size: 14px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .6);
	text-indent: 12px
}

.web-url-input-wrapper .web-url-input.is-value-change {
	color: #fff
}

.web-url-right-wrapper {
	display: flex;
	flex-direction: row;
	height: 40px;
	align-items: center
}

.web-url-right-wrapper .web-right-title {
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer
}

.web-url-right-wrapper .web-right-title:hover .web-url-icon {
	opacity: 1
}

.web-url-right-wrapper .web-right-title:hover .web-right-url {
	opacity: 1
}

.web-url-right-wrapper .web-right-title .web-url-icon {
	background-position: -18px -708px;
	cursor: pointer;
	margin-top: 0;
	font-size: 20px;
	margin-right: 4px;
	opacity: .8
}

.web-url-right-wrapper .web-right-title .web-right-url {
	font-size: 12px;
	opacity: .6;
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.web-url-right-wrapper .web-right-spread {
	position: absolute;
	right: 0;
	cursor: pointer;
	font-size: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-left: 18px
}

.web-url-right-wrapper .web-right-spread.is-web-url-recover {
	display: none
}

.video-url-wrapper .video-url-input-title {
	font-size: 14px;
	opacity: .8;
	margin-bottom: 12px
}

.video-url-input-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center
}

.video-url-input-wrapper .video-url-https {
	font-size: 14px;
	opacity: .6;
	margin-right: 8px
}

.video-url-input-wrapper .video-url-input {
	width: 600px;
	height: 40px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .6);
	text-indent: 12px;
	font-size: 14px
}

.video-url-input-wrapper .video-url-input.is-value-change {
	color: #fff
}

.video-url-right-wrapper {
	display: flex;
	flex-direction: row;
	height: 40px;
	align-items: center
}

.video-url-right-wrapper .video-right-title-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer
}

.video-url-right-wrapper .video-right-title-wrapper:hover .video-url-icon
	{
	opacity: 1
}

.video-url-right-wrapper .video-right-title-wrapper:hover .video-right-url
	{
	opacity: 1
}

.video-url-right-wrapper .video-right-title-wrapper .video-url-icon {
	background-position: -40px -708px;
	cursor: pointer;
	margin-top: 0;
	font-size: 20px;
	margin-right: 4px;
	opacity: .8
}

.video-url-right-wrapper .video-right-title-wrapper .video-right-url {
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	opacity: .6
}

.video-url-right-wrapper .video-right-spread {
	position: absolute;
	right: 0;
	cursor: pointer;
	font-size: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-left: 18px
}

.video-url-right-wrapper .video-right-spread.is-video-url-recover {
	display: none
}

.audio-upload-area {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: 18px;
	margin-bottom: 22px
}

.audio-upload-area.is-achieve {
	position: absolute;
	display: none
}

.audio-upload-area .audio-drag-area {
	display: flex;
	flex-direction: column;
	height: 142px;
	justify-content: center;
	align-items: center
}

.audio-upload-area .audio-drag-area .upload-success-tips {
	margin-top: 28px;
	font-size: 16px;
	color: rgba(255, 255, 255, .8)
}

.audio-upload-area .audio-drag-area .drag-area-desc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.audio-upload-area .audio-drag-area .drag-func-icon {
	background-position: -652px -357px;
	cursor: pointer;
	margin-top: 0;
	font-size: 80px;
	width: 80px;
	height: 80px
}

.audio-upload-area .audio-drag-area .drag-area-title {
	font-size: 14px;
	line-height: 14px;
	opacity: .8;
	margin-top: 20px
}

.audio-upload-area .audio-drag-area .drag-area-limit {
	font-size: 12px;
	line-height: 20px;
	opacity: .4;
	margin-top: 8px
}

.audio-upload-area .ant-upload-list-item, .audio-upload-area .ant-upload-list-item-error
	{
	display: none
}

.upload-progress-wrapper {
	position: relative;
	height: 182px;
	display: none;
	flex-direction: column;
	justify-content: center
}

.upload-progress-wrapper.is-achieve {
	display: flex
}

.upload-progress-wrapper .upload-progress-red {
	position: absolute;
	background-color: #f56464;
	height: 8px;
	margin-top: 65px;
	margin-left: 120px;
	border-radius: 4px;
	top: 0;
	z-index: 1;
	bottom: 10px
}

.upload-progress-wrapper .upload-progress-tips-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 32px;
	left: 0
}

.upload-progress-wrapper .upload-progress-tips-wrapper .upload-progress-tips
	{
	width: 37px;
	height: 25px;
	background-color: rgba(216, 216, 216, .2);
	border-radius: 4px;
	font-size: 12px;
	text-align: center;
	line-height: 25px
}

.upload-progress-wrapper .upload-progress-tips-wrapper .upload-progress-triangle
	{
	width: 0;
	height: 0;
	border-width: 3px;
	border-style: solid;
	border-color: rgba(216, 216, 216, .2) transparent transparent;
	margin: 0;
	padding: 0
}

.upload-progress-wrapper .upload-progress-gray {
	background-color: #fff;
	width: 400px;
	margin-left: 120px;
	height: 8px;
	border-radius: 4px
}

.upload-progress-wrapper .upload-file-info {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 20px;
	font-size: 14px
}

.upload-progress-wrapper .upload-file-info .upload-file-name-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: 100px;
	margin: 0 3px
}

.upload-progress-wrapper .upload-file-info .upload-file-name-wrapper .upload-file-first-name
	{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.audio-url-right-wrapper {
	display: flex;
	flex-direction: row;
	height: 40px;
	align-items: center
}

.audio-url-right-wrapper .audio-right-title {
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer
}

.audio-url-right-wrapper .audio-url-icon {
	background-position: -59px -708px;
	cursor: pointer;
	margin-top: 0;
	font-size: 20px;
	margin-right: 4px;
	opacity: .8
}

.audio-url-right-wrapper:hover .audio-url-icon {
	opacity: 1
}

.audio-url-right-wrapper:hover .mp3-name-wrapper {
	opacity: 1
}

.audio-url-right-wrapper:hover .audio-right-url {
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	opacity: .6
}

.audio-url-right-wrapper .mp3-name-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	opacity: .6;
	font-size: 12px;
	max-width: 120px
}

.audio-url-right-wrapper .mp3-name-wrapper .mp3-first-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.audio-url-right-wrapper .audio-right-spread {
	position: absolute;
	right: 0;
	cursor: pointer;
	font-size: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-left: 18px
}

.audio-set-icon-wrapper {
	height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center
}

.audio-set-icon-wrapper .audio-auto-play-icon, .audio-set-icon-wrapper .audio-loop-play-icon
	{
	cursor: pointer;
	margin-top: 0;
	font-size: 20px;
	margin-right: 4px;
	opacity: .8
}

.audio-set-icon-wrapper .audio-auto-play-icon {
	background-position: -60px -729px
}

.audio-set-icon-wrapper .audio-auto-play-icon.is-active {
	background-position: -60px -749px
}

.audio-set-icon-wrapper .audio-auto-play-icon:hover {
	opacity: 1
}

.audio-set-icon-wrapper .audio-loop-play-icon {
	background-position: -80px -729px
}

.audio-set-icon-wrapper .audio-loop-play-icon.is-active {
	background-position: -80px -749px
}

.audio-set-icon-wrapper .audio-loop-play-icon:hover {
	opacity: 1
}

.map-url-right-wrapper {
	display: flex;
	flex-direction: row;
	height: 40px;
	align-items: center
}

.map-url-right-wrapper .map-url-right-text {
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer
}

.map-url-right-wrapper .map-url-right-text:hover .map-url-icon {
	opacity: 1
}

.map-url-right-wrapper .map-url-right-text:hover .map-right-location {
	opacity: 1
}

.map-url-right-wrapper .map-url-right-text .map-url-icon {
	background-position: 0 -708px;
	cursor: pointer;
	margin-top: 0;
	font-size: 20px;
	margin-right: 4px;
	opacity: .8
}

.map-url-right-wrapper .map-url-right-text .map-right-location {
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	opacity: .6
}

.map-url-right-wrapper .map-right-recover {
	position: absolute;
	right: 0;
	cursor: pointer;
	font-size: 15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-left: 18px
}

.map-url-right-wrapper .map-right-recover.is-recover-icon-show {
	display: none
}

.edit-map-box {
	width: 600px;
	height: 335px;
	position: relative
}

.map-set-icon-wrapper {
	height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center
}

.map-set-icon-wrapper .map-drag-icon, .map-set-icon-wrapper .map-search-icon,
	.map-set-icon-wrapper .map-zoom-in-icon {
	cursor: pointer;
	margin-top: 0;
	font-size: 20px;
	margin-right: 4px;
	opacity: .8
}

.map-set-icon-wrapper .map-search-icon {
	background-position: 0 -729px
}

.map-set-icon-wrapper .map-search-icon.is-active {
	background-position: 0 -749px
}

.map-set-icon-wrapper .map-search-icon:hover {
	opacity: 1
}

.map-set-icon-wrapper .map-zoom-in-icon {
	background-position: -20px -729px
}

.map-set-icon-wrapper .map-zoom-in-icon.is-active {
	background-position: -20px -749px
}

.map-set-icon-wrapper .map-zoom-in-icon:hover {
	opacity: 1
}

.map-set-icon-wrapper .map-drag-icon {
	background-position: -40px -729px
}

.map-set-icon-wrapper .map-drag-icon.is-active {
	background-position: -40px -749px
}

.map-set-icon-wrapper .map-drag-icon:hover {
	opacity: 1
}

.static-state-map {
	background-position: center center;
	text-align: center;
	overflow: hidden
}

.static-state-map::before {
	content: '';
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #eee;
	z-index: -1
}

.static-state-map::after {
	content: 'Map';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
	color: #a6a6a6;
	z-index: -1
}

.video-view-container::-internal-media-controls-download-bbutton {
	display: none
}

.audio-player-container, .edit-map-container, .video-view-container,
	.webpage-container, .webpage-show-wrapper {
	width: 100%;
	height: 100%
}

.mark-mode .amap-container, .mark-mode .audio-player-container,
	.mark-mode .extra-contr-container iframe, .mark-mode .video-view-container,
	.mark-mode .webpage-container {
	pointer-events: none
}

.ant-upload {
	outline: 0
}

.extra-contr-container {
	overflow: hidden
}

.isInEmptyPageFlow .pageGuideBox {
	display: none
}

.pageGuideBox {
	position: fixed;
	left: 5px;
	bottom: 5px;
	width: 250px;
	height: 150px;
	border: 1px solid rgba(0, 0, 0, .5);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset, 0 1px 0
		rgba(255, 255, 255, .1);
	background: rgba(41, 41, 47, .8);
	border-radius: 4px;
	overflow: hidden;
	pointer-events: auto;
	z-index: 2;
	transition: bottom .3s
}

.pageGuideDrag {
	position: absolute;
	border: 1px dashed rgba(255, 255, 255, .75);
	border-radius: 2px;
	background: rgba(255, 255, 255, .05);
	cursor: -webkit-image-set(url(/images/cursor-move-61d62465f0.png) 2x,
		url(/images/cursor-move%401-2995d7e39f.png) 1x) 4 4, auto !important
}

.pageGuideBox .pagesBox {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.pageGuideOne {
	position: absolute;
	background: rgba(255, 255, 255, .75);
	border-radius: 2px;
	transition: background .2s
}

.pageGuideOne.select {
	background: rgba(203, 66, 66, .75)
}

.pageGuideOne.hover {
	background: rgba(203, 66, 66, .75)
}

.multi-tool-container {
	float: left
}

.prd-icons {
	background-image: url(/images/prd-icons-070b070696.png);
	background-size: 400px auto;
	width: 20px;
	height: 20px;
	opacity: .8
}

.prd-icons:hover {
	opacity: 1
}

.prd-icons.is-developing {
	opacity: .3;
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important
}

.back-prd-btn {
	float: left;
	width: 144px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 13px;
	background: rgba(245, 100, 100, .45);
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.back-prd-btn>.material-icons {
	float: left;
	font-size: 18px;
	width: 24px;
	line-height: 45px;
	margin-left: 10px
}

.back-prd-btn>span {
	float: left;
	line-height: 45px;
	height: 45px
}

.prd-edit-header .history-record, .prd-edit-header>.header-middle>.info-box
	{
	display: none !important
}

.prd-edit-header, .prd-header {
	background: #3c3c46
}

.prd-edit-header .row-layout, .prd-header .row-layout {
	display: inline-flex;
	align-items: center
}

.prd-edit-header .justify-align-center, .prd-header .justify-align-center
	{
	display: flex;
	justify-content: center;
	align-items: center
}

.prd-edit-header .align-center, .prd-header .align-center {
	display: flex;
	align-items: center
}

.prd-edit-header .max-icon-box, .prd-header .max-icon-box {
	width: 32px;
	height: 28px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .2)
}

.prd-edit-header .max-icon-box.is-fix-model, .prd-header .max-icon-box.is-fix-model
	{
	background: #d94e4e
}

.prd-edit-header .max-icon-box.is-fix-model .prd-icons, .prd-header .max-icon-box.is-fix-model .prd-icons
	{
	opacity: 1
}

.prd-edit-header .free-view-icon-panel, .prd-header .free-view-icon-panel
	{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.prd-edit-header .fixed-view-icon-panel, .prd-header .fixed-view-icon-panel
	{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-right: 15px
}

.prd-edit-header .simplify-check-panel, .prd-header .simplify-check-panel
	{
	margin: 0 15px 0 10px
}

.prd-edit-header .simplify-check-panel .checkbox-text, .prd-header .simplify-check-panel .checkbox-text
	{
	font-size: 12px
}

.prd-edit-header .left-mini-icon-box, .prd-header .left-mini-icon-box {
	padding: 0 15px;
	height: 45px;
	position: relative
}

.prd-edit-header .left-mini-icon-box::before, .prd-header .left-mini-icon-box::before
	{
	content: '';
	height: 28px;
	width: 1px;
	background: rgba(255, 255, 255, .1);
	position: absolute;
	left: 0
}

.prd-edit-header .left-mini-icon-box .mini-icons, .prd-header .left-mini-icon-box .mini-icons
	{
	position: relative;
	height: 45px;
	width: 20px;
	margin-right: 12px;
	display: flex;
	align-items: center
}

.prd-edit-header .left-mini-icon-box .mini-icons:last-child, .prd-header .left-mini-icon-box .mini-icons:last-child
	{
	margin-right: 0
}

.prd-edit-header .left-mini-icon-box .mini-icons:hover .child-operation-boxes,
	.prd-header .left-mini-icon-box .mini-icons:hover .child-operation-boxes
	{
	display: flex
}

.prd-edit-header .child-operation-boxes, .prd-header .child-operation-boxes
	{
	display: none;
	position: absolute;
	z-index: 100;
	top: 45px;
	height: 36px;
	padding: 8px
}

.prd-edit-header .child-operation-boxes::before, .prd-header .child-operation-boxes::before
	{
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	border-radius: 2px;
	background: #3c3c46;
	box-shadow: 0 0 6px rgba(0, 0, 0, .25)
}

.prd-edit-header .add-components-panel, .prd-edit-header .align-model-panel,
	.prd-edit-header .settings-panel, .prd-header .add-components-panel,
	.prd-header .align-model-panel, .prd-header .settings-panel {
	left: -17px
}

.prd-edit-header .child-icons-box, .prd-header .child-icons-box {
	width: 40px;
	height: 36px;
	position: relative
}

.prd-edit-header .child-icons-box:hover, .prd-header .child-icons-box:hover
	{
	opacity: 1
}

.prd-edit-header .child-icons-box:not (:last-child )::after, .prd-header .child-icons-box:not
	(:last-child )::after {
	content: '';
	height: 22px;
	width: 1px;
	background: rgba(255, 255, 255, .1);
	position: absolute;
	right: 0
}

.prd-edit-header .saved-tips, .prd-header .saved-tips {
	margin-left: 16px
}

.prd-edit-header .prd-header-center, .prd-header .prd-header-center {
	position: absolute;
	width: 140px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	right: 0
}

.prd-edit-header .prd-header-center:hover .child-operation-boxes,
	.prd-header .prd-header-center:hover .child-operation-boxes {
	display: flex
}

.prd-edit-header .prd-header-center .child-operation-boxes, .prd-header .prd-header-center .child-operation-boxes
	{
	display: none
}

.prd-edit-header .center-text, .prd-header .center-text {
	height: 45px;
	line-height: 45px;
	font-size: 12px
}

.prd-edit-header .fixed-view-icon, .prd-edit-header .free-view-icon,
	.prd-header .fixed-view-icon, .prd-header .free-view-icon {
	width: 20px;
	height: 20px
}

.prd-edit-header .free-view-icon, .prd-header .free-view-icon {
	background-position: 0 -40px
}

.prd-edit-header .fixed-view-icon, .prd-header .fixed-view-icon {
	background-position: -20px -40px
}

.prd-edit-header .checkbox-icon, .prd-header .checkbox-icon {
	background-position: -16px -122px
}

.prd-edit-header .checkbox-icon.is-checked, .prd-header .checkbox-icon.is-checked
	{
	background-position: 4px -122px
}

.prd-edit-header .import-icons-icon, .prd-header .import-icons-icon {
	background-position: 0 -60px
}

.prd-edit-header .add-file-icon, .prd-header .add-file-icon {
	background-position: -80px -80px
}

.prd-edit-header .add-components-icon, .prd-header .add-components-icon
	{
	background-position: 0 -80px
}

.prd-edit-header .align-model-icon, .prd-header .align-model-icon {
	background-position: -20px -80px
}

.prd-edit-header .event-icon, .prd-header .event-icon {
	background-position: -40px -80px
}

.prd-edit-header .settings-icon, .prd-header .settings-icon {
	background-position: -60px -80px
}

.prd-edit-header .exit-icon, .prd-header .exit-icon {
	position: relative;
	background-position: 0 -100px;
	margin-left: 8px
}

.prd-edit-header .pages-icon, .prd-header .pages-icon {
	background-position: -120px 0
}

.prd-edit-header .group-icon, .prd-header .group-icon {
	background-position: -80px -80px
}

.prd-edit-header .text-icon, .prd-header .text-icon {
	background-position: -140px 0
}

.prd-edit-header .document-icon, .prd-header .document-icon {
	background-position: -160px 0
}

.prd-edit-header .image-icon, .prd-header .image-icon {
	background-position: -180px 0
}

.prd-edit-header .link-icon, .prd-header .link-icon {
	background-position: -200px 0
}

.prd-edit-header .create-interaction-line-icon, .prd-header .create-interaction-line-icon
	{
	background-position: -120px -60px
}

.prd-edit-header .create-interaction-event-icon, .prd-header .create-interaction-event-icon
	{
	background-position: -140px -60px
}

.prd-edit-header .congested-icon, .prd-header .congested-icon {
	background-position: -120px -20px
}

.prd-edit-header .align-icon, .prd-header .align-icon {
	background-position: -140px -20px
}

.prd-edit-header .name-icon, .prd-header .name-icon {
	background-position: 0 0
}

.prd-edit-header .name-icon.is-checked, .prd-header .name-icon.is-checked
	{
	background-position: 0 -20px
}

.prd-edit-header .number-icon, .prd-header .number-icon {
	background-position: -20px 0
}

.prd-edit-header .number-icon.is-checked, .prd-header .number-icon.is-checked
	{
	background-position: -20px -20px
}

.prd-edit-header .navigation-icon, .prd-header .navigation-icon {
	background-position: -40px 0
}

.prd-edit-header .navigation-icon.is-checked, .prd-header .navigation-icon.is-checked
	{
	background-position: -40px -20px
}

.prd-edit-header .long-page-icon, .prd-header .long-page-icon {
	background-position: -60px 0
}

.prd-edit-header .long-page-icon.is-checked, .prd-header .long-page-icon.is-checked
	{
	background-position: -60px -20px
}

.prd-edit-header .catalogue-icon, .prd-header .catalogue-icon {
	background-position: -80px 0
}

.prd-edit-header .catalogue-icon.is-checked, .prd-header .catalogue-icon.is-checked
	{
	background-position: -80px -20px
}

.prd-edit-header .vertical-top-icon, .prd-header .vertical-top-icon {
	background-position: -120px -40px
}

.prd-edit-header .vertical-middle-icon, .prd-header .vertical-middle-icon
	{
	background-position: -140px -40px
}

.prd-edit-header .vertical-bottom-icon, .prd-header .vertical-bottom-icon
	{
	background-position: -160px -40px
}

.prd-edit-header .align-left-icon, .prd-header .align-left-icon {
	background-position: -180px -40px
}

.prd-edit-header .align-center-icon, .prd-header .align-center-icon {
	background-position: -200px -40px
}

.prd-edit-header .align-right-icon, .prd-header .align-right-icon {
	background-position: -220px -40px
}

#allPanel.allPanel.prdEditView header .header-middle {
	padding-left: 0;
	border-left: none
}

.prd-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 7
}

.prd-footer .justify-align-center {
	display: flex;
	justify-content: center;
	align-items: center
}

.prd-footer .align-center {
	display: flex;
	align-items: center
}

.prd-footer .prd-footer-show-button {
	background: rgba(60, 60, 70, .98);
	padding: 0 22px;
	height: 37px;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .25);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	transition: all .3s;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #fff
}

.prd-footer .prd-footer-show-button.is-show {
	bottom: 168px
}

.prd-footer .prd-footer-content-panel {
	background: rgba(60, 60, 70, .98);
	width: 100%;
	height: 168px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .25);
	transition: bottom .3s;
	position: absolute;
	bottom: -168px;
	display: flex;
	align-items: center
}

.prd-footer .prd-footer-content-panel.is-show {
	bottom: 0
}

.prd-footer .pages-row-panel {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%
}

.prd-footer .pages-row-panel .contentBox.vertical-scroll {
	bottom: 0;
	top: auto;
	z-index: 10;
	left: 289px
}

.prd-footer .simple-pages-container {
	position: absolute;
	height: 100%;
	left: 289px;
	right: 0
}

.prd-footer .simple-pages-container .contentBox.vertical-scroll {
	bottom: 0;
	top: auto
}

.prd-footer .simple-pages-container .page-view-panel.prototype-tool-page-view .page-view-text p
	{
	cursor: -webkit-image-set(url(/images/cursor-text-4ba73b16b3.png) 2x,
		url(/images/cursor-text%401-3f72a719e2.png) 1x) 15 15, auto
		!important
}

.prd-footer .simple-pages-container .page-view-panel.prototype-tool-page-view .page-view-text p:hover
	{
	box-sizing: border-box;
	border-bottom: 1px solid #fff
}

.prd-footer .simple-pages-panel {
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	display: inline-flex
}

.prd-footer .simple-pages-panel .page-view-panel {
	margin-left: 20px
}

.prd-footer .page-count-view-panel {
	z-index: 100000;
	background: rgba(60, 60, 70, .98);
	display: none;
	padding: 0 20px 0 28px;
	height: 100%;
	display: flex;
	align-items: center;
	border-right: 1px solid rgba(255, 255, 255, .1)
}

.prd-footer .page-view-panel {
	background: rgba(0, 0, 0, .15);
	border-radius: 4px;
	width: 240px;
	height: 120px;
	position: relative;
	float: left;
	color: #fff;
	font-size: 14px;
	border: 1px solid transparent;
	box-sizing: border-box
}

.prd-footer .page-view-panel.is-checked {
	border: 1px solid #f56464
}

.prd-footer .page-view-panel:hover {
	background: rgba(0, 0, 0, .25)
}

.prd-footer .page-view-panel:hover .delete-pages-icon {
	display: block
}

.prd-footer .add-page-panel {
	width: 240px;
	height: calc(100% - 48px);
	border-radius: 4px;
	border: 1px dashed rgba(255, 255, 255, .2);
	box-sizing: border-box;
	margin-left: 20px;
	flex-direction: column;
	position: absolute;
	top: 24px;
	display: flex;
	justify-content: center;
	align-items: center
}

.prd-footer .add-page-panel:hover {
	border: 1px dashed rgba(255, 255, 255, .2)
}

.prd-footer .add-page-panel:hover .prd-icons {
	opacity: 1
}

.prd-footer .page-view-count {
	position: absolute;
	right: 12px;
	top: 12px
}

.prd-footer .page-view-text {
	height: 100%;
	font-size: 14px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center
}

.prd-footer .page-view-text .page-view-name {
	position: relative
}

.prd-footer .page-view-text .page-view-name input {
	width: 100%;
	position: absolute;
	font-size: 14px;
	background: 0 0;
	border-bottom: 1px dashed #e66d69;
	color: #fff
}

.prd-footer .page-view-text .page-view-name pre {
	visibility: hidden;
	font-size: 14px
}

.prd-footer .arrow-down-icon {
	background-position: -20px -100px;
	transform: rotate(180deg);
	margin-left: -10px
}

.prd-footer .arrow-down-icon.is-show {
	transform: rotate(0)
}

.prd-footer .big-add-icon {
	width: 40px;
	height: 40px;
	background-position: -80px -40px
}

.prd-footer .add-page-panel-text {
	font-size: 14px;
	color: #fff;
	margin-top: 8px;
	opacity: .8
}

.prd-footer .delete-pages-icon {
	display: none;
	position: absolute;
	right: 8px;
	bottom: 8px;
	background-position: -60px -100px
}

#protoPreview .multiView .phoneConBox {
	transform-origin: 0 0
}

.multiView.multi-fixed-drag #phoneConWrapBox .phoneConBox, .multiView.multi-fixed-drag .phoneConBox .mainBox
	{
	pointer-events: auto;
	visibility: visible
}

.multiView.multi-fixed-drag #middlePanel .canvas-stage {
	pointer-events: none
}

.multiView.multi-fixed-drag .konvajs-content canvas:nth-child(2) {
	z-index: 10;
	opacity: .8
}

.multiView .phoneConBox {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	counter-reset: pageNo;
	opacity: 1;
	pointer-events: none
}

.multiView .phoneConBox .mainBox {
	border-radius: 5px;
	z-index: 0;
	overflow: hidden;
	transform: translate3d(0, 0, 0);
	counter-increment: pageNo;
	position: relative;
	margin: 70px 45px 60px;
	width: 375px;
	height: 667px;
	left: 0 !important;
	top: 0 !important;
	opacity: 1;
	background: #fff;
	overflow: visible;
	cursor: -webkit-image-set(url(/images/cursor-move-61d62465f0.png) 2x,
		url(/images/cursor-move%401-2995d7e39f.png) 1x) 4 4, auto !important;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	transform: none;
	visibility: hidden
}

.multiView .phoneConBox .folder-box {
	float: left;
	width: 100%;
	font-size: 32px;
	color: #fff;
	margin: 30px 45px 10px 0;
	height: 90px;
	position: relative;
	line-height: 90px;
	opacity: .2;
	pointer-events: none;
	border-left: 45px solid transparent;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	background-clip: padding-box
}

.multiView .phoneConBox .folder-box.layer-1 {
	font-size: 48px
}

.multiView .phoneConBox .folder-box.layer-2 {
	font-size: 44px
}

.multiView .phoneConBox .folder-box.layer-3 {
	font-size: 40px
}

.multiView .phoneConBox .folder-box.layer-4 {
	font-size: 36px
}

.multiView .phoneConBox .folder-box::after, .multiView .phoneConBox .folder-box::before
	{
	content: '';
	position: absolute;
	width: 100%;
	left: 0
}

.multiView .phoneConBox .folder-box::before {
	display: none;
	height: 30px;
	background-color: rgba(245, 100, 100, .3)
}

.multiView .phoneConBox .folder-box::after {
	bottom: 0;
	height: 2px;
	background: #fff
}

.multiView .phoneConBox .folder-box .name-box {
	float: left;
	position: relative
}

.multiView .phoneConBox .folder-box .name-box:before {
	float: left;
	content: attr(data-layer);
	font-size: .8em
}

.multiView .phoneConBox .folder-box input, .multiView .phoneConBox .folder-box span
	{
	float: left;
	border-radius: 4px
}

.multiView .phoneConBox .folder-box .folder-name, .multiView .phoneConBox .folder-box input
	{
	padding: 0 15px
}

.multiView .phoneConBox .folder-box input {
	font-size: inherit;
	color: #fff;
	background: rgba(140, 140, 140, .6);
	height: 90px
}

.multiView .phoneConBox .folder-box i {
	float: left;
	margin-left: 10px;
	text-align: center;
	font-size: 40px;
	line-height: inherit;
	display: none
}

.multiView .phoneConBox .folder-box i:first-of-type {
	margin-left: 20px
}

.multiView .phoneConBox .folder-box.drag-folder {
	z-index: 10;
	height: 0;
	margin: 0;
	transform-origin: 0 center;
	border-top: 0;
	border-bottom: 0
}

.multiView .phoneConBox .folder-box.drag-folder:after {
	display: none
}

.multiView .phoneConBox .folder-box.drag-folder:before {
	content: '';
	position: absolute;
	left: 45px;
	top: -14px;
	width: 70px;
	background: #dd5656;
	height: 18px;
	z-index: -1;
	border-radius: 4px
}

.multiView .phoneConBox .folder-box.drag-folder .name-box {
	background: #fff;
	color: #505050;
	font-size: 32px;
	padding: 0 10px 0 20px;
	border-radius: 4px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .3)
}

.multiView .phoneConBox .folder-box.drag-folder .name-box:after {
	content: '';
	position: absolute;
	left: 1px;
	top: -8px;
	width: 100%;
	background: #dd5656;
	height: 12px;
	z-index: -1;
	border-radius: 4px;
	z-index: -2
}

.multiView .phoneConBox .folder-box.drag-folder i {
	display: none
}

.multiView .phoneConBox .folder-box.drag-folder .folder-drag-handler {
	display: block
}

.multiView .phoneConBox .folder-box.dropping {
	background-color: rgba(245, 100, 100, .3)
}

.multiView .phoneConBox .folder-box.dropping-top::before {
	top: -30px;
	display: block
}

.multiView .phoneConBox .folder-box.dropping-bottom::before {
	bottom: -30px;
	display: block
}

.multiView .phoneConBox .folder-endLine {
	width: 100%;
	height: 100px;
	margin: 0 45px;
	box-sizing: border-box;
	display: flex;
	color: #666;
	opacity: .3
}

.multiView .phoneConBox .folder-endLine:before {
	content: '';
	display: block;
	flex: 1;
	border-top: 1px dashed #666
}

.multiView .phoneConBox .folder-endLine:after {
	content: "[ " attr(data-name) " ]";
	display: block;
	margin: -14px 0 0 10px;
	font-size: 28px;
	line-height: 100%
}

.multiView .multi-view-scroll-box {
	position: fixed;
	top: 45px;
	bottom: 0;
	width: 100%;
	pointer-events: none;
	z-index: 2
}

.multiView .multi-view-scroll-box .contentBox {
	pointer-events: auto
}

.multiView .folder-indicator {
	position: absolute;
	top: 0;
	transform: translateX(100%)
}

.multiView .indicator-group {
	position: absolute
}

.multiView .indicator-item {
	position: absolute;
	width: 2px;
	height: 100%;
	right: 0;
	background-color: #666;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	background-clip: padding-box
}

.multiView .indicator-item:hover {
	background-color: #dd5656
}

.multiView .indicator-item:hover:after, .multiView .indicator-item:hover:before
	{
	background-color: #dd5656
}

.multiView .indicator-item:after, .multiView .indicator-item:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	left: -8px;
	box-sizing: border-box;
	background: #666;
	border-radius: 50%
}

.multiView .indicator-item:before {
	top: -9px
}

.multiView .indicator-item:after {
	bottom: -9px
}

.prd-preview-document-icons {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto
}

.prd-left-panel {
	width: 270px;
	position: fixed;
	left: 0;
	top: 45px;
	bottom: 0;
	background: rgba(60, 60, 70, .98);
	z-index: 4;
	transition: transform .2s ease-in-out
}

.prd-left-panel.is-pack-up {
	position: absolute;
	transform: translateX(-100%)
}

.prd-left-panel .add-page-btn-panel {
	position: relative
}

.prd-left-panel .add-page-btn-comp {
	width: 250px;
	height: 32px;
	margin: 0 auto;
	margin-top: 20px;
	box-sizing: border-box;
	border: 1px solid #f56464;
	border-radius: 4px;
	display: flex;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-left-panel .add-page-btn-comp .add-btn-text {
	font-size: 13px;
	color: #f56464;
	line-height: 30px;
	width: 218px;
	text-align: center;
	transition: background .2s, color .2s
}

.prd-left-panel .add-page-btn-comp .add-btn-text:hover {
	background: #f56464;
	color: #fff
}

.prd-left-panel .add-page-btn-comp .add-btn-icon {
	width: 32px;
	position: relative;
	opacity: .8;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	transition: background .2s
}

.prd-left-panel .add-page-btn-comp .add-btn-icon:hover {
	background: #f56464
}

.prd-left-panel .add-page-btn-comp .add-btn-icon:hover::after {
	background-position: -100px -480px
}

.prd-left-panel .add-page-btn-comp .add-btn-icon::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background: #f56464
}

.prd-left-panel .add-page-btn-comp .add-btn-icon::after {
	content: '';
	position: absolute;
	left: 7px;
	top: 6px;
	width: 20px;
	height: 20px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -100px -500px
}

.prd-left-panel .add-page-btn-comp .add-btn-icon.add-btn-open::after {
	transform: rotate(-180deg)
}

.prd-left-panel .move-list-comp {
	width: 270px;
	position: fixed;
	pointer-events: none;
	transform: translate(-50%, -50%);
	opacity: .3
}

.prd-left-panel .move-list-comp .show-drag-page-comp {
	height: 40px;
	display: flex
}

.prd-left-panel .move-list-comp .show-drag-page-comp .tip-line {
	display: none
}

@media only screen and (max-width:1300px) {
	.prd-left-panel {
		position: absolute;
		transform: translateX(-100%);
		transition: transform .2s ease-in-out
	}
	.prd-left-panel.is-unfold {
		transform: translateX(0)
	}
}

.search-page-input-comp {
	width: 248px;
	margin: 0 auto;
	margin-top: 8px;
	height: 32px;
	font-size: 12px;
	color: #fff;
	line-height: 32px;
	text-indent: 24px;
	position: relative
}

.search-page-input-comp::before {
	content: "";
	width: 20px;
	height: 20px;
	opacity: .8;
	position: absolute;
	top: 6px;
	left: 0;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: 0 -20px
}

.search-page-input-comp::after {
	content: "";
	width: 248px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #fff;
	opacity: .2
}

.search-page-input-comp .search-input {
	width: 224px;
	background: 0 0;
	color: #fff;
	margin-top: 5px;
	font-size: 12px
}

.search-page-input-comp .clear-btn {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 6px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -80px -20px;
	display: none
}

.has-value-search-input::before {
	background-position: -80px -480px
}

.has-value-search-input .clear-btn {
	opacity: .8;
	display: block;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.has-value-search-input::after {
	background: #f56464;
	opacity: 1
}

.prd-page-list {
	padding: 10px;
	color: #fff;
	font-size: 14px;
	opacity: .8;
	max-height: calc(100% - 112px);
	overflow: scroll
}

.prd-page-list .deep-drag-page-comp {
	background: rgba(255, 255, 255, .03)
}

.prd-page-list .current-page-comp {
	background: rgba(245, 100, 100, .4)
}

.prd-page-list .is-showing-page-comp::after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 50%;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -220px 0;
	transform: rotate(-90deg) translateX(10px);
	opacity: 1
}

.prd-page-list .is-parent-select {
	background: rgba(245, 100, 100, .1)
}

.prd-page-list .is-drag-target-bottom::after, .prd-page-list .is-drag-target-bottom::before,
	.prd-page-list .is-drag-target-top::after, .prd-page-list .is-drag-target-top::before
	{
	content: '';
	position: absolute;
	background: #f56464;
	top: 0;
	transform: translateY(-50%)
}

.prd-page-list .is-drag-target-bottom::before, .prd-page-list .is-drag-target-top::before
	{
	width: 5px;
	height: 5px;
	border-radius: 5px
}

.prd-page-list .is-drag-target-bottom::after, .prd-page-list .is-drag-target-top::after
	{
	width: 100%;
	height: 1px
}

.prd-page-list .is-drag-target-bottom::after, .prd-page-list .is-drag-target-bottom::before
	{
	top: auto;
	bottom: 0;
	transform: translateY(50%)
}

.move-list-comp .C-name-input, .prd-page-list .C-name-input {
	font-size: 13px;
	margin-left: 2px
}

.move-list-comp .C-name-input .readonly-input, .prd-page-list .C-name-input .readonly-input
	{
	margin-top: 6px
}

.move-list-comp .C-name-input input, .prd-page-list .C-name-input input
	{
	margin-top: -6px
}

.drag-page-comp {
	height: 40px;
	display: flex;
	align-items: center;
	position: relative;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.drag-page-comp .tip-line {
	position: absolute;
	height: 100%;
	transition: width .3s, left .3s
}

.drag-page-comp .has-child-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.drag-page-comp .has-child-icon::before {
	content: '';
	position: absolute;
	left: 10.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 3px 0 3px;
	border-color: #fff transparent transparent transparent;
	top: 9px
}

.drag-page-comp .has-child-icon .fold-line {
	top: 12px;
	left: 14px;
	background: #fff;
	width: 1px;
	position: absolute;
	transform: translateX(-50%) scaleX(.5);
	opacity: .4
}

.drag-page-comp .has-child-icon .fold-line::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 11px;
	height: 1px;
	background: #fff
}

.drag-page-comp .hide-child-icon::before {
	top: 7px;
	left: 12.5px;
	border-width: 3px 0 3px 3px;
	border-color: transparent transparent transparent #fff
}

.drag-page-comp .page-icon {
	width: 20px;
	height: 20px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -20px -20px
}

.drag-page-comp .fold-icon {
	background-position: -40px -20px
}

.drag-page-comp .page-name {
	margin-left: 2px;
	opacity: .8;
	font-size: 13px
}

.drag-page-comp .inner-page-border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(245, 100, 100, .6)
}

.drag-page-comp .list-change-name {
	width: calc(100% - 50px)
}

.drag-page-comp .list-change-name .readonly-input {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prd-unfold-btn {
	position: absolute;
	width: 32px;
	height: 32px;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	opacity: .7;
	transition: transform .2s ease-in-out;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	background-color: rgba(44, 43, 39, .6);
	border-radius: 50%
}

.prd-unfold-btn:hover {
	opacity: 1
}

.prd-unfold-btn::after {
	content: '';
	position: absolute;
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -510px -50px;
	width: 100%;
	height: 100%;
	transform: rotate(180deg)
}

.prd-unfold-btn.is-unfold {
	transform: translate(0, -50%)
}

.prd-unfold-btn.is-unfold::after {
	transform: rotate(0)
}

.prd-unfold-btn.is-pack-up {
	transform: translate(50%, -50%)
}

@media only screen and (max-width:1300px) {
	.prd-unfold-btn {
		transform: translate(0, -50%);
		transition: transform .2s ease-in-out
	}
	.prd-unfold-btn.is-pack-up {
		transform: translate(0, -50%)
	}
	.prd-unfold-btn.is-pack-up::after {
		transform: rotate(0)
	}
	.prd-unfold-btn.is-unfold {
		transform: translate(50%, -50%)
	}
	.prd-unfold-btn.is-unfold::after {
		transform: rotate(180deg)
	}
}

.cursor-default, body, html {
	cursor: -webkit-image-set(url(/images/cursor-default-0503e917cf.png) 2x,
		url(/images/cursor-default%401-e6d66e8324.png) 1x) 4 4, auto
		!important
}

.cursor-crosshair {
	cursor: -webkit-image-set(url(/images/cursor-crosshair-b8f798f5a8.png) 2x,
		url(/images/cursor-crosshair%401-f1fd626b22.png) 1x) 15 15, auto
		!important
}

.cursor-zoom-in {
	cursor: -webkit-image-set(url(/images/cursor-zoom-in-d1d630289c.png) 2x,
		url(/images/cursor-zoom-in%401-5941ace0b3.png) 1x) 9 9, auto
		!important
}

.cursor-zoom-out {
	cursor: -webkit-image-set(url(/images/cursor-zoom-out-b0be95e136.png) 2x,
		url(/images/cursor-zoom-out%401-be1446d9db.png) 1x) 9 9, auto
		!important
}

.cursor-n-resize, .cursor-row-resize, .cursor-s-resize {
	cursor: -webkit-image-set(url(/images/cursor-ns-resize-9bc6f4e2e5.png) 2x,
		url(/images/cursor-ns-resize%401-c6c105d30f.png) 1x) 15 15, auto
		!important
}

.cursor-col-resize, .cursor-e-resize, .cursor-w-resize {
	cursor: -webkit-image-set(url(/images/cursor-we-resize-c4cb12572d.png) 2x,
		url(/images/cursor-we-resize%401-48d3fcecd5.png) 1x) 15 15, auto
		!important
}

.cursor-nw-resize, .cursor-se-resize {
	cursor: -webkit-image-set(url(/images/cursor-nwse-resize-1054d75318.png) 2x,
		url(/images/cursor-nwse-resize%401-a81da9d65d.png) 1x) 15 15, auto
		!important
}

.cursor-ne-resize, .cursor-sw-resize {
	cursor: -webkit-image-set(url(/images/cursor-nesw-resize-80bad45f59.png) 2x,
		url(/images/cursor-nesw-resize%401-ca92148581.png) 1x) 15 15, auto
		!important
}

.cursor-move {
	cursor: -webkit-image-set(url(/images/cursor-move-61d62465f0.png) 2x,
		url(/images/cursor-move%401-2995d7e39f.png) 1x) 4 4, auto !important
}

.cursor-view-move {
	cursor: -webkit-image-set(url(/images/cursor-view-move-51eb90060f.png) 2x,
		url(/images/cursor-view-move%401-f834bb17db.png) 1x) 15 15, auto
		!important
}

.cursor-view-grab {
	cursor: -webkit-image-set(url(/images/cursor-view-grab-3ab0773311.png) 2x,
		url(/images/cursor-view-grab%401-c0e0dfb1fb.png) 1x) 15 15, auto
		!important
}

.cursor-not-allowed {
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important
}

.cursor-help {
	cursor: -webkit-image-set(url(/images/cursor-help-b437541738.png) 2x,
		url(/images/cursor-help%401-225e6b9fa1.png) 1x) 4 4, auto !important
}

.cursor-copy {
	cursor: -webkit-image-set(url(/images/cursor-copy-50942b1225.png) 2x,
		url(/images/cursor-copy%401-223ac8e7fd.png) 1x) 4 4, auto !important
}

.cursor-rotate {
	cursor: -webkit-image-set(url(/images/cursor-rotate-fa2969e80b.png) 2x,
		url(/images/cursor-rotate%401-2993899d28.png) 1x) 15 15, auto
		!important
}

.cursor-add-ract {
	cursor: -webkit-image-set(url(/images/cursor-add-ract-6654d31b5f.png) 2x,
		url(/images/cursor-add-ract%401-6e069a9457.png) 1x) 9 9, auto
		!important
}

.cursor-move-del {
	cursor: -webkit-image-set(url(/images/cursor-move-del-7d1805a744.png) 2x,
		url(/images/cursor-move-del%401-cd1dfdd969.png) 1x) 4 4, auto
		!important
}

.cursor-text, input, textarea {
	cursor: -webkit-image-set(url(/images/cursor-text-4ba73b16b3.png) 2x,
		url(/images/cursor-text%401-3f72a719e2.png) 1x) 15 15, auto
		!important
}

.C_selectBox, .base-hollow-btn, .catalog-list .toolbar i, .contentBox .scrollBar,
	.cursor-pointer, .dropdownBox li, a, header .notification-btn {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.cursor-color-picker {
	cursor: none
}

.cursor-add-circular {
	cursor: -webkit-image-set(url(/images/cursor-add-circular-a720044eab.png) 2x,
		url(/images/cursor-add-circular%401-53b8661bd6.png) 1x) 9 9, auto
		!important
}

.cursor-pen {
	cursor: -webkit-image-set(url(/images/cursor-pen-3439eb5701.png) 2x,
		url(/images/cursor-pen%401-77f4d54a0b.png) 1x) 4 4, auto !important
}

.cursor-pencil {
	cursor: -webkit-image-set(url(/images/cursor-pencil-ac4343cf7d.png) 2x,
		url(/images/cursor-pencil%401-940f87469a.png) 1x) 4 20, auto
		!important
}

body, html {
	width: 100%;
	height: 100%
}

#reactBox {
	height: 100%
}

.prd-preview-document-icons {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto
}

.prd-preview-document-imgs {
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto
}

.left-menu-container {
	background: rgba(60, 60, 70, .98)
}

.right-menu-container {
	background: #fff
}

.prd-preview-container {
	width: 100%;
	height: 100%;
	display: flex;
	color: #fff;
	justify-content: center;
	background: linear-gradient(to right, rgba(60, 60, 70, .98) 50%, #fff
		50%)
}

.prd-preview-container .left-head-line {
	width: 320px;
	height: 1px;
	background: rgba(0, 0, 0, .4);
	position: absolute;
	top: 66px;
	left: 0;
	z-index: 101
}

@media screen and (min-width:1600px) {
	.prd-preview-container .left-head-line {
		width: calc(( 100% - 320px - 1100px)/2+ 320px)
	}
}

@media screen and (max-width:1340px) {
	.prd-preview-container .left-head-line {
		display: none
	}
}

.prd-preview-container .point-hover {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-preview-container .disable-point {
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important
}

.prd-preview-container .hover-icon {
	opacity: .8
}

.prd-preview-container .hover-icon:hover {
	opacity: 1
}

.prd-preview-container .flex-row {
	display: flex
}

.prd-preview-container .flex-column {
	display: flex;
	flex-direction: column
}

.prd-preview-container .justify-content-center {
	justify-content: center
}

.prd-preview-container .align-items-center {
	align-items: center
}

.prd-preview-container .basic-icon {
	width: 20px;
	height: 20px
}

.prd-preview-container .large-icon {
	width: 28px;
	height: 28px
}

.prd-preview-container .left-menu-panel {
	width: 320px;
	height: 100%;
	background: rgba(60, 60, 70, .98);
	position: absolute;
	z-index: 100;
	left: 0
}

.prd-preview-container .left-menu-panel .head-panel {
	width: 100%;
	height: 66px;
	display: flex;
	align-items: center
}

.prd-preview-container .left-menu-panel .head-panel .return-btn-panel {
	display: flex;
	align-items: center;
	padding: 21px 0 20px;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-preview-container .left-menu-panel .head-panel .return-btn-panel .return-icon
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	background-position: -100px -20px;
	margin-left: 20px
}

.prd-preview-container .left-menu-panel .head-panel .return-btn-panel .return-tips-text
	{
	height: 22px;
	font-size: 16px;
	opacity: .6;
	margin-left: 4px;
	line-height: 22px
}

.prd-preview-container .left-menu-panel .head-panel .website-logo {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 105px;
	height: 26px;
	background-position: -135px -241px;
	margin-left: 20px
}

.prd-preview-container .left-menu-panel .title-panel {
	padding: 25px 0 0 17px;
	display: flex;
	align-items: center
}

.prd-preview-container .left-menu-panel .title-panel .prd-document-icon
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 28px;
	height: 28px;
	background-position: -206px -206px
}

.prd-preview-container .left-menu-panel .title-panel .prd-title-text {
	font-size: 16px;
	margin-left: 2px
}

.prd-preview-container .left-menu-panel .search-page-input-comp {
	margin: 23px 0 0 20px;
	width: 280px;
	height: 40px;
	background: rgba(0, 0, 0, .2);
	border-radius: 4px
}

.prd-preview-container .left-menu-panel .search-page-input-comp::before
	{
	top: 10px;
	left: 10px
}

.prd-preview-container .left-menu-panel .search-page-input-comp .search-input
	{
	height: 100%;
	margin-top: 0;
	position: absolute;
	left: 37px
}

.prd-preview-container .left-menu-panel .search-page-input-comp::after {
	display: none
}

.prd-preview-container .left-menu-panel .search-page-input-comp .clear-btn
	{
	top: 10px;
	right: 10px
}

.prd-preview-container .left-menu-panel .prd-page-list {
	user-select: none;
	height: calc(100% - 212px);
	padding: 20px
}

.prd-preview-container .left-menu-panel .prd-page-list .deep-drag-page-comp
	{
	background: 0 0
}

.prd-preview-container .left-menu-panel .prd-page-list .is-showing-page-comp
	{
	background: rgba(245, 100, 100, .8)
}

.prd-preview-container .left-menu-panel .prd-page-list .is-showing-page-comp::after
	{
	right: 12px
}

.prd-preview-container .left-menu-panel .prd-page-list .list-change-name
	{
	pointer-events: none
}

.prd-preview-container .left-menu-panel .prd-page-list .fold-line::before
	{
	width: 10px;
	height: 10px;
	border-radius: 10px;
	transform: scaleY(.5) translate(-3.75px, 5px)
}

.prd-preview-container .right-content-panel {
	background: 0 0;
	height: 100%;
	width: 100%;
	z-index: 99;
	overflow-y: scroll
}

.prd-preview-container .right-content-panel .content-box {
	width: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	user-select: text
}

.prd-preview-container .right-content-panel .content-box.is-only-one-page
	{
	padding-bottom: 75px
}

.prd-preview-container .right-content-panel .head-panel {
	z-index: 100
}

.prd-preview-container .right-content-panel .head-panel .editor-btn-box
	{
	position: fixed;
	right: 80px;
	top: 20px;
	width: 96px;
	height: 40px;
	border-radius: 4px;
	background: #e5e5e5;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: rgba(56, 56, 56, .6);
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	z-index: 99
}

.prd-preview-container .right-content-panel .head-panel .editor-btn-box.is-iframe
	{
	right: 140px
}

.prd-preview-container .right-content-panel .head-panel .editor-btn-box:hover
	{
	opacity: 1;
	color: #383838
}

.prd-preview-container .right-content-panel .head-panel .share-btn-box {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #e5e5e5;
	position: fixed;
	right: 20px;
	top: 20px;
	z-index: 99
}

.prd-preview-container .right-content-panel .head-panel .share-btn-box.is-iframe
	{
	right: 80px
}

.prd-preview-container .right-content-panel .head-panel .share-btn-box .share-icon
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	background-position: -40px -460px;
	opacity: .6;
	margin: 10px
}

.prd-preview-container .right-content-panel .head-panel .share-btn-box:hover .share-icon
	{
	opacity: 1
}

.prd-preview-container .right-content-panel .head-panel .close-btn-box {
	width: 40px;
	height: 40px;
	background: #d94e4e;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	position: fixed;
	top: 20px;
	right: 20px
}

.prd-preview-container .right-content-panel .head-panel .close-btn-box:hover
	{
	opacity: 1
}

.prd-preview-container .right-content-panel .head-panel .close-btn-box .close-btn-icon
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -220px -20px;
	width: 20px;
	height: 20px;
	opacity: .8
}

.prd-preview-container .right-content-panel .head-panel .placeholder-box
	{
	width: 40px;
	height: 40px;
	background: 0 0
}

.prd-preview-container .right-content-panel .head-panel .head-icon {
	width: 20px;
	height: 20px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	position: absolute;
	top: 10px;
	left: 10px
}

.prd-preview-container .right-content-panel .head-panel .expand-left-menu-btn-box
	{
	display: none;
	align-items: center;
	width: 53px;
	height: 40px;
	position: fixed;
	left: 20px;
	top: 20px
}

.prd-preview-container .right-content-panel .head-panel .expand-left-menu-btn-box.is-menu-show
	{
	left: 340px
}

.prd-preview-container .right-content-panel .head-panel .expand-left-menu-btn-box .expand-arrow-icon
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -187px -225px;
	width: 5px;
	height: 9px;
	margin-right: 8px;
	transform: rotate(180deg)
}

.prd-preview-container .right-content-panel .head-panel .expand-left-menu-btn-box .expand-arrow-icon.is-menu-show
	{
	transform: rotate(0)
}

.prd-preview-container .right-content-panel .head-panel .expand-left-menu-btn-box .expand-left-menu-btn
	{
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: rgba(0, 0, 0, .1);
	position: relative
}

.prd-preview-container .right-content-panel .head-panel .expand-left-menu-btn-box .expand-left-menu-btn::before
	{
	content: '';
	width: 20px;
	height: 20px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	position: absolute;
	top: 10px;
	left: 10px;
	background-position: -140px -220px
}

.prd-preview-container .right-content-panel .prd-preview-canvas-stage {
	pointer-events: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.prd-preview-container .right-content-panel .content-text-panel {
	width: 900px;
	margin-top: 75px;
	z-index: 99;
	height: calc(100% - 75px);
	position: relative
}

.prd-preview-container .right-content-panel .content-text-panel .prd-line-container
	{
	position: absolute;
	width: 100%;
	height: calc(100% - 108px);
	z-index: 111;
	left: -50px;
	top: 108px;
	pointer-events: none
}

.prd-preview-container .right-content-panel .content-text-panel .prd-title
	{
	font-size: 30px;
	color: #505050;
	margin-bottom: 58px;
	line-height: 50px;
	cursor: -webkit-image-set(url(/images/cursor-text-4ba73b16b3.png) 2x,
		url(/images/cursor-text%401-3f72a719e2.png) 1x) 15 15, auto
		!important
}

.prd-preview-container .right-content-panel .content-text-panel .prd-content-text
	{
	position: relative;
	width: 900px;
	color: #000;
	min-height: calc(100vh - 453px);
	padding-bottom: 270px
}

.prd-preview-container .right-content-panel .content-text-panel .prd-content-text.is-only-one-page
	{
	min-height: calc(100% - 108px);
	padding-bottom: 0
}

.prd-preview-container .right-content-panel .footer-panel {
	width: 900px;
	height: 110px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: 100px
}

.prd-preview-container .right-content-panel .footer-panel .placeholder-box
	{
	width: 104px;
	height: 40px;
	margin-top: 40px;
	background: 0 0
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel
	{
	margin-top: 40px;
	position: relative;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .section-skip-btn
	{
	font-size: 13px;
	font-weight: 700;
	color: #333;
	opacity: .6
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .section-skip-btn.is-pre-page
	{
	opacity: .3
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .section-skip-btn.is-last-page
	{
	opacity: .6
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .section-title
	{
	margin-top: 8px;
	font-size: 26px;
	font-weight: 700;
	color: #505050
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .section-title.is-pre-page
	{
	opacity: .3
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .section-title.is-last-page
	{
	opacity: 1
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .skip-icon
	{
	content: '';
	width: 8px;
	height: 16px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -165px -223px;
	position: absolute
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .pre-skip-btn
	{
	margin-left: 24px
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .pre-skip-btn::before
	{
	content: '';
	width: 8px;
	height: 16px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -165px -223px;
	position: absolute;
	left: 6px;
	top: 1px
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .next-skip-btn
	{
	margin-right: 24px;
	display: flex;
	flex-direction: row-reverse
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel .next-skip-btn::after
	{
	content: '';
	width: 8px;
	height: 16px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -165px -223px;
	position: absolute;
	right: 0;
	transform: rotate(180deg);
	right: 8px;
	top: 1px
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel:hover .section-skip-btn
	{
	opacity: .6
}

.prd-preview-container .right-content-panel .footer-panel .prd-section-skip-panel:hover .section-title
	{
	text-decoration: underline;
	opacity: 1
}

@media screen and (min-width:1600px) {
	.prd-preview-container .left-menu-panel {
		left: calc(( 100% - 1100px - 320px)/2)
	}
	.prd-preview-container .right-content-panel {
		padding-right: calc(( 100% - 1100px - 320px)/2);
		padding-left: calc(( 100% - 1100px - 320px)/2+ 320px)
	}
	.prd-preview-container .editor-btn-box {
		right: calc(( 100% - 1100px - 320px)/2+ 80px)
	}
	.prd-preview-container .editor-btn-box.is-iframe {
		right: calc(( 100% - 1100px - 320px)/2+ 120px)
	}
	.prd-preview-container .share-btn-box {
		right: calc(( 100% - 1100px - 320px)/2+ 20px)
	}
	.prd-preview-container .share-btn-box.is-iframe {
		right: calc(( 100% - 1100px - 320px)/2+ 60px)
	}
	.prd-preview-container .close-btn-box {
		right: calc(( 100% - 1100px - 320px)/2)
	}
}

@media screen and (max-width:1600px) {
	.prd-preview-container .right-content-panel {
		width: calc(100% - 320px);
		padding-left: 320px
	}
	.prd-preview-container .editor-btn-box {
		right: 80px
	}
	.prd-preview-container .share-btn-box {
		right: 20px
	}
}

@media screen and (max-width:1340px) {
	.prd-preview-container {
		background: #fff
	}
	.prd-preview-container .left-menu-panel {
		position: absolute;
		left: 0;
		z-index: 9999
	}
	.prd-preview-container .right-content-panel {
		width: 100%;
		padding-left: 0
	}
	.prd-preview-container .left-menu-panel {
		display: none
	}
	.prd-preview-container .left-menu-panel.is-show-menu {
		display: block
	}
	.prd-preview-container .left-menu-panel.is-show-menu::after {
		content: '';
		width: 320px;
		height: 1px;
		background: rgba(0, 0, 0, .4);
		position: absolute;
		top: 66px;
		left: 0;
		z-index: 99
	}
	.prd-preview-container .expand-left-menu-btn-box {
		display: flex !important
	}
}

.full-screen-btn-panel {
	width: 40px;
	height: 40px;
	background: rgba(72, 72, 84, .96);
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	position: absolute;
	top: 0;
	right: -45px
}

.full-screen-btn-panel.is-web {
	width: 80px;
	display: flex;
	right: -85px
}

.full-screen-btn-panel .btn-box {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	position: relative
}

.full-screen-btn-panel .btn-box:hover .full-screen-btn,
	.full-screen-btn-panel .btn-box:hover .outer-jump-link-btn {
	opacity: 1
}

.full-screen-btn-panel .full-screen-btn, .full-screen-btn-panel .outer-jump-link-btn
	{
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 20px;
	height: 20px;
	opacity: .8
}

.full-screen-btn-panel .full-screen-btn.is-web::before,
	.full-screen-btn-panel .outer-jump-link-btn.is-web::before {
	content: '';
	width: 1px;
	height: 20px;
	background: rgba(255, 255, 255, .1);
	position: absolute;
	left: 0;
	pointer-events: none
}

.full-screen-btn-panel .full-screen-btn {
	background-position: 0 -460px
}

.full-screen-btn-panel .outer-jump-link-btn {
	background-position: -20px -460px
}

.prd-preview-share {
	padding: 48px 20px
}

.switch-share-link-type-panel {
	display: flex;
	justify-content: row;
	margin-top: 20px
}

.switch-share-link-type-panel .switch-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.switch-share-link-type-panel .switch-box:first-child {
	margin-right: 20px
}

.switch-share-link-type-panel .switch-box .switch-icon {
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	width: 14px;
	height: 14px;
	margin-right: 8px;
	background-position: -123px -464px
}

.switch-share-link-type-panel .switch-box .switch-icon.is-select {
	background-position: -103px -464px
}

.switch-share-link-type-panel .switch-box .switch-text {
	line-height: 20px;
	font-size: 14px
}

.prd-cover-page-container {
	width: 100%;
	height: 100%;
	background: #2c2d32;
	position: relative;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.prd-cover-page-container .point-hover {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-cover-page-container .hover-icon {
	opacity: .8
}

.prd-cover-page-container .hover-icon:hover {
	opacity: 1
}

.prd-cover-page-container .share-btn {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: rgba(255, 255, 255, .1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	position: absolute;
	right: 20px;
	top: 20px;
	display: flex;
	align-items: center;
	justify-content: center
}

.prd-cover-page-container .share-btn:hover .btn-icon {
	opacity: 1
}

.prd-cover-page-container .share-btn .btn-icon {
	width: 20px;
	height: 20px;
	background-position: -60px -460px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	opacity: .8
}

.prd-cover-page-container .cover-page-panel {
	width: 595px;
	height: 842px;
	background: #3c3c46;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
	position: relative;
	color: #fff;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	transition: box-shadow .3s
}

.prd-cover-page-container .cover-page-panel:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, .3)
}

.prd-cover-page-container .cover-page-panel .website-logo {
	width: 105px;
	height: 26px;
	background-position: -135px -241px;
	position: absolute;
	top: 24px;
	left: 24px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto
}

.prd-cover-page-container .cover-page-panel .head-bg-img {
	width: 595px;
	height: 247px;
	background-position: 0 -2418px;
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto;
	position: absolute
}

.prd-cover-page-container .cover-page-panel .title-panel {
	padding: 180px 0 0 50px;
	display: inline-block
}

.prd-cover-page-container .cover-page-panel .title-panel .quote-icon {
	width: 28px;
	height: 23px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto
}

.prd-cover-page-container .cover-page-panel .title-panel .up-quote {
	background-position: -6px -149px
}

.prd-cover-page-container .cover-page-panel .title-panel .down-quote {
	background-position: -186px -169px;
	margin-top: 16px
}

.prd-cover-page-container .cover-page-panel .title-panel .document-title
	{
	font-size: 32px;
	margin-top: 16px;
	height: 60px;
	line-height: 60px
}

.prd-cover-page-container .cover-page-panel .title-panel .document-type-name
	{
	font-size: 24px;
	opacity: .8;
	margin-top: 12px;
	height: 40px;
	line-height: 40px;
	display: none
}

.prd-cover-page-container .cover-page-panel .title-panel .document-title,
	.prd-cover-page-container .cover-page-panel .title-panel .document-type-name
	{
	padding: 0 48px
}

.prd-cover-page-container .cover-page-panel .title-panel .down-quote-box
	{
	display: flex;
	justify-content: flex-end
}

.prd-cover-page-container .cover-page-panel .document-author-list-panel
	{
	font-size: 16px;
	position: absolute;
	bottom: 205px;
	right: 24px
}

.prd-cover-page-container .cover-page-panel .document-author-list-panel .author-list-panel
	{
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

.prd-cover-page-container .cover-page-panel .document-author-list-panel .author-list-panel .document-author
	{
	padding-bottom: 8px;
	line-height: 20px
}

.prd-cover-page-container .cover-page-panel .document-author-list-panel .author-list-panel .document-author-count
	{
	opacity: .8;
	padding-bottom: 12px
}

.prd-cover-page-container .cover-page-panel .document-update-time {
	font-size: 16px;
	line-height: 20px;
	opacity: .4;
	display: inline-block;
	padding-top: 8px;
	border-top: 1px solid rgba(255, 255, 255, .4);
	box-sizing: border-box
}

.prd-cover-page-container .cover-page-panel .bottom-bg-img {
	width: 605px;
	height: 170px;
	background-image: url(/images/prd-document-imgs-3437651a77.png);
	background-size: 742px auto;
	background-position: 0 -2671px;
	position: absolute;
	bottom: 15px;
	left: -5px
}

.prd-cover-page-container .design-by {
	font-size: 14px;
	opacity: .8;
	margin-top: 30px;
	text-align: center
}

.prd-cover-page-container .design-by a {
	color: #fff
}

.prd-cover-page-container .design-by:hover {
	opacity: 1
}

.C-name-input {
	position: relative;
	color: #fff;
	font-size: 14px;
	margin-top: 11px;
	background: 0 0
}

.C-name-input.wrapbox-name-input {
	max-width: 150px
}

.C-name-input.is-wrapbox {
	max-width: 145px
}

.C-name-input input, .C-name-input pre, .C-name-input textarea {
	background: 0 0;
	line-height: 1.5;
	font-size: inherit;
	color: inherit;
	white-space: nowrap
}

.C-name-input input, .C-name-input textarea {
	position: absolute
}

.C-name-input.name-disable {
	pointer-events: none
}

.C-name-input pre {
	float: left;
	visibility: hidden
}

.C-name-input textarea {
	resize: none
}

#protoPreview .table-line-box .table-drag-line, #protoPreview .table-line-box .table-line
	{
	pointer-events: none !important
}

#protoPreview.preview-simple .preview-lr-panel, #protoPreview.preview-simple header
	{
	display: none
}

#protoPreview.preview-simple #bodyWrapper {
	margin-left: 0 !important;
	margin-right: 0 !important;
	top: 0 !important
}

#protoPreview.preview-simple .phone-view-box {
	left: 0 !important;
	right: 0 !important;
	top: 0 !important
}

#protoPreview.preview-inprd header>.author-wrapper, #protoPreview.preview-inprd header>.edit-btn,
	#protoPreview.preview-inprd header>.logo, #protoPreview.preview-inprd header>.project-name,
	#protoPreview.preview-inprd header>.right-btns-group>.share {
	display: none
}

.medium-zoom-image--opened, .medium-zoom-overlay {
	z-index: 10
}

.prd-zoom-image-panel {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.prd-zoom-image-panel .cutImgOutBox {
	overflow: inherit;
	will-change: transform;
	transition: transform .3s cubic-bezier(.2, 0, .2, 1), top 50ms;
	z-index: 9
}

.prd-zoom-image-panel .cutImgOutBox.is-zoom {
	cursor: zoom-out
}

.prd-zoom-image-panel .cutImgOutBox.is-zoom-img {
	visibility: hidden;
	transition: 0s
}

.prd-zoom-image-panel .image-zoom-cover-panel {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	background: 0 0;
	cursor: zoom-out
}

.prd-zoom-image-panel.is-zoom {
	cursor: zoom-out;
	z-index: 9
}

.prd-zoom-image-panel.is-edit-image {
	pointer-events: none
}

.prd-zoom-image-panel>.prd-drag-container {
	z-index: 101;
	border: dashed 1px #000
}

.prd-zoom-image-panel>.prd-drag-container .prd-drag-spot {
	background: #000
}

.prd-zoom-image-panel .cImg {
	position: absolute
}

.prd-image-zoom-panel {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 8;
	will-change: display
}

.prd-image-zoom-panel.is-zoom {
	display: block;
	cursor: zoom-out
}

.prd-zoom-btn-panel {
	height: 44px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
	background: rgba(60, 60, 70, .98);
	display: flex;
	align-items: center;
	border-radius: 4px;
	position: fixed;
	top: 0;
	right: 8px;
	z-index: 99
}

.prd-zoom-btn-panel .download-btn, .prd-zoom-btn-panel .zoomIn-btn,
	.prd-zoom-btn-panel .zoomOut-btn {
	width: 46px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-zoom-btn-panel .download-btn::before, .prd-zoom-btn-panel .zoomIn-btn::before,
	.prd-zoom-btn-panel .zoomOut-btn::before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	opacity: .8
}

.prd-zoom-btn-panel .download-btn:hover::before, .prd-zoom-btn-panel .zoomIn-btn:hover::before,
	.prd-zoom-btn-panel .zoomOut-btn:hover::before {
	opacity: 1
}

.prd-zoom-btn-panel .download-btn.is-max.zoomIn-btn, .prd-zoom-btn-panel .zoomIn-btn.is-max.zoomIn-btn,
	.prd-zoom-btn-panel .zoomOut-btn.is-max.zoomIn-btn {
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important;
	opacity: .3
}

.prd-zoom-btn-panel .download-btn.is-min.zoomOut-btn,
	.prd-zoom-btn-panel .zoomIn-btn.is-min.zoomOut-btn, .prd-zoom-btn-panel .zoomOut-btn.is-min.zoomOut-btn
	{
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important;
	opacity: .3
}

.prd-zoom-btn-panel .zoomIn-btn::before {
	background-position: -140px -480px
}

.prd-zoom-btn-panel .zoomOut-btn {
	margin-right: 60px
}

.prd-zoom-btn-panel .zoomOut-btn::before {
	background-position: -160px -480px
}

.prd-zoom-btn-panel .fullScreen-btn {
	width: 46px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: -webkit-image-set(url(/images/cursor-not-allowed-5614a37421.png) 2x,
		url(/images/cursor-not-allowed%401-014bd1a460.png) 1x) 4 4, auto
		!important
}

.prd-zoom-btn-panel .fullScreen-btn::before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 240px auto;
	background-position: -180px -480px;
	opacity: .3
}

.prd-zoom-btn-panel .fullScreen-btn.can-full-screen {
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.prd-zoom-btn-panel .fullScreen-btn.can-full-screen::before {
	opacity: .8
}

.prd-zoom-btn-panel .fullScreen-btn.can-full-screen:hover::before {
	opacity: 1
}

.prd-zoom-btn-panel .download-btn::before {
	background-position: -200px -480px
}

.prd-zoom-btn-panel .fullScreen-btn::after, .prd-zoom-btn-panel .zoomIn-btn::after,
	.prd-zoom-btn-panel .zoomOut-btn::after {
	content: '';
	width: 1px;
	height: 22px;
	background: rgba(255, 255, 255, .1);
	position: absolute;
	right: 0
}

.prd-zoom-btn-panel .prd-image-zoom-num {
	font-size: 12px;
	color: #fff;
	opacity: .8;
	line-height: 20px;
	position: absolute;
	left: 105px;
	width: 35px
}

.prd-zoom-btn-panel .prd-image-zoom-num::after {
	content: '';
	width: 1px;
	height: 22px;
	background: rgba(255, 255, 255, .1);
	position: absolute;
	right: -13px
}

.prd-preview-img-zoom-panel {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 11;
	overflow: scroll;
	cursor: zoom-out
}

.prd-preview-img-zoom-panel .prd-zoom-img-box {
	overflow: hidden
}

.prd-page-panel.not-open-remark .note {
	visibility: hidden
}

.am-picker-col {
	display: block;
	position: relative;
	height: 238px;
	overflow: hidden;
	width: 100%
}

.am-picker-col-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
	padding: 102px 0
}

.am-picker-col-item {
	touch-action: manipulation;
	text-align: center;
	font-size: 16px;
	height: 34px;
	line-height: 34px;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis
}

.am-picker-col-item-selected {
	font-size: 17px
}

.am-picker-col-mask {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	margin: 0 auto;
	width: 100%;
	z-index: 3;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .95),
		rgba(255, 255, 255, .6)),
		-webkit-linear-gradient(bottom, rgba(255, 255, 255, .95),
		rgba(255, 255, 255, .6));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .95),
		rgba(255, 255, 255, .6)),
		linear-gradient(to top, rgba(255, 255, 255, .95),
		rgba(255, 255, 255, .6));
	background-position: top, bottom;
	background-size: 100% 102px;
	background-repeat: no-repeat
}

.am-picker-col-indicator {
	box-sizing: border-box;
	width: 100%;
	height: 34px;
	position: absolute;
	left: 0;
	top: 102px;
	z-index: 3;
	border-top: 1PX solid #ddd;
	border-bottom: 1PX solid #ddd
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-picker-col-indicator {
		border-top: none
	}
	html:not ([data-scale] ) .am-picker-col-indicator::before {
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 50%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-picker-col-indicator::before {
		transform: scaleY(.33)
	}
}

@media ( min-resolution :2dppx) {
	html:not ([data-scale] ) .am-picker-col-indicator {
		border-bottom: none
	}
	html:not ([data-scale] ) .am-picker-col-indicator::after {
		content: '';
		position: absolute;
		background-color: #ddd;
		display: block;
		z-index: 1;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1PX;
		transform-origin: 50% 100%;
		transform: scaleY(.5)
	}
}

@media ( min-resolution :2dppx) and (min-resolution:3dppx) {
	html:not ([data-scale] ) .am-picker-col-indicator::after {
		transform: scaleY(.33)
	}
}

.am-picker {
	display: flex;
	align-items: center
}

.am-picker-item {
	flex: 1;
	text-align: center
}

html {
	font-size: 50px;
	background: 0 0
}

body {
	opacity: 1;
	background: #2c2c32;
	min-width: auto
}

header {
	background: #3c3c46;
	z-index: 10;
	font-size: 15px;
	line-height: 45px;
	transition: transform .2s
}

header .logo {
	width: 45px;
	height: 100%;
	background-position: -425px -43px
}

header .left-line {
	position: relative
}

header .left-line:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 22px;
	top: 12px;
	left: 0;
	padding: 0;
	background: rgba(255, 255, 255, .1)
}

header.iframe .author-wrapper, header.iframe .logo {
	display: none
}

.edit-btn {
	float: left;
	font-size: 12px;
	padding: 0 15px
}

.small-simple-button:hover {
	color: #3c3c46
}

.container-height {
	height: calc(100vh - 45px)
}

.select-img {
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px
}

.body-wrapper {
	position: relative;
	top: 45px;
	display: flex;
	transition: all .2s ease-in-out
}

.body-wrapper.canvas-wrapper {
	height: auto
}

#bodyWrapper.is-dev-canvas #appContainer {
	left: 0 !important
}

#bodyWrapper.is-dev-canvas .preview-lr-panel {
	display: none
}

#bodyWrapper.presentation .preview-scroll {
	position: fixed;
	left: 0;
	right: 0
}

#bodyWrapper.presentation .phone-view-box {
	top: 0
}

.page-contain-mask {
	pointer-events: none;
	z-index: 1;
	position: relative
}

.page-contain-mask .fixed-box {
	position: fixed
}

.page-contain-mask .size-tip {
	width: 119px;
	height: 46px;
	background: #ed544d;
	z-index: 2
}

.page-contain-mask .selected-box {
	border: 1px solid #ed544d
}

.page-contain-mask .selected-box .abs-dot {
	width: 2px;
	height: 2px;
	border-radius: 2px;
	border: 1px solid #ed544d;
	position: absolute;
	background: #fff
}

.page-contain-mask .selected-box .left-top-dot {
	top: -2px;
	left: -2px
}

.page-contain-mask .selected-box .right-top-dot {
	top: -2px;
	right: -2px
}

.page-contain-mask .selected-box .right-bottom-dot {
	bottom: -2px;
	right: -2px
}

.page-contain-mask .selected-box .left-bottom-dot {
	bottom: -2px;
	left: -2px
}

.page-contain-mask .hover-box {
	border: 1px solid #009bff
}

.page-contain-mask .vertical-line {
	position: fixed;
	height: 100%;
	top: 0;
	border: 1px dashed #009bff;
	border-top: none;
	border-bottom: none
}

.page-contain-mask .horizontal-line {
	position: fixed;
	left: 0;
	width: 100%;
	border: 1px dashed #009bff;
	border-left: none;
	border-right: none
}

.page-contain-mask .size-box {
	background: #ed544d;
	padding: 0 4px;
	height: 16px;
	line-height: 16px;
	font-size: 10px
}

.page-contain-mask .show-distance>span {
	position: fixed;
	display: inline-block;
	height: 16px;
	padding: 0 4px;
	background: #ed544d;
	color: #fff;
	line-height: 16px;
	transform: translateY(-50%) translateX(-50%)
}

.page-contain-mask .show-distance .small-x-text {
	transform: translateY(50%) translateX(-50%)
}

.page-contain-mask .show-distance .small-y-text {
	transform: translateY(-50%) translateX(50%)
}

.page-contain-mask .show-distance .show-rect-width {
	transform: translateY(-100%) translateX(-50%)
}

.page-contain-mask .show-distance .show-rect-height {
	transform: translateY(-50%) translateX(0)
}

.page-contain-mask .distance-line {
	position: fixed;
	background: #ed544d
}

.preview-scroll {
	z-index: 1;
	width: 100%;
	height: 100%;
	position: absolute;
	pointer-events: none;
	transition: opacity .2s
}

.preview-scroll .contentBox {
	pointer-events: auto
}

.preview-scroll .vertical-scroll.scroll-drag, .preview-scroll .vertical-scroll:hover
	{
	top: auto
}

.preview-scroll .vertical-scroll {
	top: auto;
	bottom: 0
}

.project-name {
	float: left;
	padding: 0 5px
}

.project-name.multi-project-name {
	position: absolute;
	width: 100%;
	text-align: center;
	pointer-events: none
}

.author-wrapper {
	float: left;
	position: relative
}

.author-wrapper:hover .author-list-wrapper {
	display: block
}

.author-num {
	position: relative;
	float: left;
	padding: 0 10px 0 28px;
	font-size: 13px
}

.author-num::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 12px;
	left: 8px;
	padding: 0;
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -735px -55px
}

.author-list-wrapper {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 20px;
	display: none
}

.author-list {
	position: relative;
	font-size: 12px;
	width: 220px;
	border-radius: 4px;
	border: 1px solid #fff;
	background: rgba(44, 44, 50, .96);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
	padding: 10px 15px;
	box-sizing: border-box
}

.author-list::after {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	height: 6px;
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -475px -62px
}

.author-list li {
	height: 34px;
	line-height: 34px;
	position: relative
}

.author-list li::before {
	content: '协同者';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	opacity: .6;
	height: 34px;
	line-height: 34px
}

.author-list li.creator::before {
	content: '创建者'
}

.switch-mode {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 100%
}

.switch-mode span {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100%;
	text-indent: 45px;
	cursor: pointer
}

.switch-mode span:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	top: 8px;
	left: 15px;
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -550px -50px
}

.switch-mode span.active {
	color: #ffb4b4;
	border-bottom: 2px solid #ffb4b4;
	box-sizing: border-box
}

.switch-mode span.active:before {
	background-position: -760px -50px
}

.switch-mode span:nth-child(2):before {
	background-position: -580px -50px
}

.switch-mode span:nth-child(2).active:before {
	background-position: -790px -50px
}

.switch-mode span:nth-child(3):before {
	background-position: -965px -155px
}

.switch-mode span:nth-child(3).active:before {
	background-position: -930px -128px
}

.left-btns-group {
	float: left;
	border-left: 1px solid rgba(44, 45, 50, .8);
	border-right: 1px solid rgba(44, 45, 50, .8);
	padding-right: 20px
}

.left-btns-group li {
	position: relative;
	float: left;
	font-size: 13px;
	line-height: 45px;
	padding-left: 25px;
	margin-left: 10px;
	cursor: pointer
}

.left-btns-group li.active {
	color: #f56464
}

.left-btns-group li.active.catalog::before {
	background-position: -730px -50px
}

.left-btns-group li.active.note::before {
	background-position: -760px -50px
}

.left-btns-group li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 30px;
	height: 30px;
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px
}

.left-btns-group li.catalog::before {
	background-position: -580px -50px
}

.left-btns-group li.note::before {
	background-position: -610px -50px
}

.right-btns-group {
	float: right;
	height: 45px;
	padding: 0 0 0 5px;
	font-size: 13px
}

.right-btns-group li {
	float: right;
	position: relative;
	width: 30px;
	height: 100%;
	cursor: pointer
}

.right-btns-group li.setting {
	background-position: -670px -43px
}

.right-btns-group li.setting.on .view-setting-wrapper, .right-btns-group li.setting:hover .view-setting-wrapper
	{
	display: block
}

.right-btns-group li.share {
	background-position: -640px -43px
}

.right-btns-group li.refresh {
	background-position: -610px -43px
}

.right-btns-group li.event {
	background-position: -640px -43px
}

.right-btns-group li.fullscreen {
	margin-left: 8px;
	background-position: -693px -43px;
	padding: 0 7px;
	background-color: rgba(255, 255, 255, .1)
}

.right-btns-group li.active.share {
	background-position: -850px -43px
}

.right-btns-group li.active.refresh {
	background-position: -820px -43px
}

.right-btns-group li.active.event {
	background-position: -790px -43px
}

.right-btns-group li.active.fullscreen {
	background-position: -910px -43px
}

.right-btns-group li.disabled {
	opacity: .5;
	cursor: not-allowed
}

.back-btn {
	float: right;
	position: relative;
	width: 52px;
	height: 100%;
	background-color: rgba(245, 100, 100, .5);
	cursor: pointer
}

.back-btn::before {
	content: '';
	position: absolute;
	left: 11px;
	top: 7px;
	width: 30px;
	height: 30px;
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -940px -50px
}

.percent-btn {
	float: right;
	position: relative;
	font-size: 13px;
	width: 40px;
	text-align: center;
	margin-right: 10px;
	cursor: pointer
}

.percent-btn:hover .scale-setting-wrapper {
	display: block
}

.multi-btn, .prd-btn {
	float: right;
	position: relative;
	width: 20px;
	height: 20px;
	padding: 12px 8px;
	cursor: pointer
}

.multi-btn.multi-btn, .prd-btn.multi-btn {
	background-position: -652px -202px
}

.multi-btn.multi-btn.active, .prd-btn.multi-btn.active {
	background-position: -652px -167px
}

.multi-btn.prd-btn, .prd-btn.prd-btn {
	background: 0 0
}

.multi-btn.prd-btn::before, .prd-btn.prd-btn::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 13px;
	width: 20px;
	height: 20px;
	background-image: url(/images/prd-document-icons-b563b395a8.png);
	background-size: 220px auto;
	background-position: -164px -329px
}

.multi-btn.no-line, .prd-btn.no-line {
	margin-left: -8px
}

.multi-btn.no-line:after, .prd-btn.no-line:after {
	content: none
}

.page {
	overflow-y: scroll
}

.webpage-wrapper {
	margin: auto;
	z-index: 1
}

.preview-lr-panel.rightPanel {
	right: 0;
	left: auto;
	border-right: none;
	box-shadow: -2px 0 15px rgba(0, 0, 0, .15);
	padding-top: 86px
}

.preview-lr-panel.rightPanel .toggle-btn {
	right: auto;
	left: -16px;
	top: 50%
}

.preview-lr-panel.rightPanel .toggle-btn::after {
	transform: rotate(180deg)
}

.preview-lr-panel.fold.leftPanel {
	transform: translateX(-100%)
}

.preview-lr-panel.fold.leftPanel .toggle-btn {
	transform: translate(50%, -50%)
}

.preview-lr-panel.fold.leftPanel .toggle-btn .toggle-btn::after {
	transform: rotate(180deg)
}

.preview-lr-panel.fold.rightPanel {
	transform: translateX(100%)
}

.preview-lr-panel.fold.rightPanel .toggle-btn {
	transform: translate(-50%, -50%)
}

.preview-lr-panel.fold.rightPanel .toggle-btn .toggle-btn::after {
	transform: rotate(0)
}

.preview-note-panel {
	left: 10px;
	right: 10px;
	top: 55px;
	bottom: 10px;
	width: auto;
	border-radius: 2px
}

.preview-note-panel li {
	margin-top: 0;
	padding-top: 15px
}

#appContainer {
	position: absolute;
	overflow: hidden
}

#appContainer.webpage-wrapper {
	cursor: auto
}

#appContainer.mobile-wrapper {
	transition: opacity .2s
}

p[contenteditable=true] {
	cursor: text
}

.preview-lr-panel.rightPanel {
	right: 0;
	left: auto;
	border-right: none;
	box-shadow: -2px 0 15px rgba(0, 0, 0, .15)
}

.preview-lr-panel.rightPanel .mark-list {
	overflow: scroll;
	max-height: 100%
}

.preview-lr-panel.rightPanel .toggle-btn {
	right: auto;
	left: -16px;
	top: 50%
}

.preview-lr-panel.rightPanel .toggle-btn::after {
	transform: rotate(180deg)
}

.preview-lr-panel.fold.leftPanel {
	transform: translateX(-100%)
}

.preview-lr-panel.fold.leftPanel .toggle-btn::after {
	transform: rotate(180deg)
}

.preview-lr-panel.fold.rightPanel {
	transform: translateX(100%)
}

.preview-lr-panel.fold.rightPanel .toggle-btn::after {
	transform: rotate(0)
}

p[contenteditable=true] {
	cursor: text
}

.preview-scale-setting {
	position: relative;
	left: auto;
	top: auto;
	border: 1px solid #000
}

.preview-scale-setting.multi-preview {
	width: 150px
}

.preview-scale-setting .scale-group {
	border-bottom: none
}

.scale-setting-wrapper {
	position: absolute;
	top: 30px;
	right: -5px;
	padding-top: 20px;
	display: none
}

.view-setting-wrapper {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 20px;
	display: none
}

.preview-view-setting {
	width: 210px;
	background: #34343d;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
	border-radius: 2px;
	border: 1px solid #000
}

.preview-view-setting .setting-btn {
	float: left;
	position: relative;
	width: 33.3%;
	font-size: 12px;
	line-height: 16px;
	padding-left: 33px;
	margin: 10px 0;
	box-sizing: border-box;
	border-right: 1px solid #000
}

.preview-view-setting .setting-btn:nth-child(3) {
	border: none
}

.preview-view-setting .setting-btn::before {
	content: '';
	position: absolute;
	left: 12px;
	top: -2px;
	width: 20px;
	height: 20px;
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -685px -180px
}

.preview-view-setting .setting-btn.note::before {
	background-position: -715px -180px
}

.preview-view-setting .setting-btn.event::before {
	background-position: -745px -180px
}

.preview-view-setting .setting-btn.active {
	color: #ffb4b4
}

.preview-view-setting .setting-btn.active.phone-frame::before {
	background-position: -685px -215px
}

.preview-view-setting .setting-btn.active.note::before {
	background-position: -715px -215px
}

.preview-view-setting .setting-btn.active.event::before {
	background-position: -745px -215px
}

.preview-view-setting .setting-btn.disabled {
	pointer-events: none;
	opacity: .5;
	cursor: not-allowed
}

.page-mark-panel .catalog-list {
	left: 0;
	top: 75px;
	width: 220px;
	padding: 10px
}

.select-wrapper {
	float: left;
	margin: 0 15px 10px 15px;
	padding-top: 10px;
	border-top: 1px solid #000
}

.preview-fullscreen.body-wrapper {
	margin-top: 0
}

.preview-fullscreen header {
	top: -45px
}

.preview-fullscreen.container-height {
	height: 100vh
}

.preview-fullscreen .container-height {
	height: 100vh
}

.preview-fullscreen .preview-lr-panel {
	top: 0
}

.exit-fullScreen {
	position: fixed;
	top: 10px;
	right: 10px;
	height: 26px;
	width: 26px;
	z-index: 11;
	background-color: rgba(0, 0, 0, .2);
	transition: padding-left .2s, background-color .2s;
	cursor: pointer
}

.exit-fullScreen:hover {
	padding-left: 110px;
	background-color: rgba(0, 0, 0, .8)
}

.exit-fullScreen:hover:before {
	opacity: 1
}

.exit-fullScreen:before {
	content: '退出全屏 [ESC]';
	white-space: nowrap;
	position: absolute;
	right: 30px;
	top: 0;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	opacity: 0;
	transition: opacity .2s .1s
}

.exit-fullScreen:after {
	content: '';
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -942px -52px;
	position: absolute;
	height: 26px;
	width: 26px;
	line-height: 26px
}

.empty-note {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-position: -85px -330px
}

.empty-note:after {
	content: '没有备注啊...';
	font-size: 12px;
	color: #979797;
	margin-top: 90px;
	display: block;
	text-align: center
}

.chart-canvas-container {
	position: absolute;
	left: -999999999px;
	top: -999999999px;
	width: 300px;
	height: 300px;
	visibility: hidden;
	pointer-events: none
}

.view-btn {
	margin: 10px;
	font-size: 12px
}

.view-btn:hover {
	color: #3c3c46
}

.mobile-body .pageContainer {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 1px;
	left: 1px;
	transition: transform .2s
}

.web-body .pageContainer {
	transform-origin: 0 0;
	position: relative
}

.is-mask-discuss.discuss-panel .solved-box .top-content .dot-mine,
	.is-mask-discuss.discuss-panel .solved-box .top-content .userInfo-img,
	.is-mask-discuss.discuss-panel .solved-box .top-content .userInfo-nick
	{
	opacity: 1
}

.is-mask-discuss.discuss-panel .solved-box p {
	opacity: 1
}

.discuss-panel {
	position: relative
}

.discuss-panel.is-edit .discuss-list, .discuss-panel.is-mask-discuss .discuss-list
	{
	pointer-events: none
}

.discuss-panel.is-edit .discuss-box, .discuss-panel.is-mask-discuss .discuss-box
	{
	opacity: .5
}

.discuss-panel.is-edit .discuss-box.hover, .discuss-panel.is-mask-discuss .discuss-box.hover
	{
	opacity: 1
}

.discuss-panel .discuss-list {
	position: fixed;
	top: 45px;
	bottom: 60px;
	width: 240px
}

.discuss-panel .discuss-list .edit-item, .discuss-panel .discuss-list .hover
	{
	z-index: 111;
	position: relative
}

.discuss-panel.is-edit .discuss-list {
	bottom: 178px
}

.discuss-panel .discuss-scroll-list {
	position: absolute
}

.discuss-panel .click-more-reply {
	margin: 0 auto;
	margin-bottom: 4px
}

.discuss-panel .edit-box-normal {
	background: rgba(60, 60, 70, .98);
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	align-items: center;
	justify-content: center;
	box-shadow: 0 -2px 11px rgba(0, 0, 0, .25)
}

.discuss-panel .edit-box-normal input {
	background: #2c2d32;
	width: 208px;
	height: 36px;
	border-radius: 4px;
	margin: 12px;
	padding-left: 8px;
	font-size: 13px
}

.discuss-panel .edit-box-active {
	height: 178px;
	position: fixed;
	bottom: 0;
	width: 100%;
	box-shadow: 0 -2px 11px rgba(0, 0, 0, .25);
	background: rgba(60, 60, 70, .98)
}

.discuss-panel .edit-box-active .reply-nick {
	position: absolute;
	left: 20px;
	top: 18px;
	color: rgba(255, 255, 255, .4);
	font-size: 13px;
	max-width: 120px;
	pointer-events: none;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.discuss-panel .edit-box-active .edit-content {
	margin-left: 12px;
	margin-top: 12px;
	width: 216px;
	height: 116px;
	background: #2c2d32
}

.discuss-panel .edit-box-active .edit-content .edit-input {
	height: 116px
}

.discuss-panel .edit-box-active .edit-content .edit-input {
	outline: 0
}

.discuss-panel .edit-box-active .edit-content #editTextarea {
	outline: 0
}

.discuss-panel .edit-box-active .edit-content .comment-message {
	width: 198px;
	height: 114px;
	background: #2c2d32;
	border: 1px solid #f56464;
	color: #fff;
	padding: 6px 8px 0;
	font-size: 13px;
	overflow: scroll;
	border-radius: 4px
}

.discuss-panel .edit-box-active .edit-content .option-prompt {
	width: 20px;
	height: 20px;
	background-position: -816px -137px;
	position: absolute;
	z-index: 111;
	left: 198px;
	bottom: 58px;
	cursor: pointer
}

.discuss-panel .edit-box-active .edit-option {
	margin-left: 12px;
	margin-top: 18px;
	height: 24px;
	width: 216px;
	line-height: 24px
}

.discuss-panel .edit-box-active .edit-option .dot-index {
	position: relative;
	float: left;
	left: 0;
	top: 0
}

.discuss-panel .edit-box-active .edit-option .dot-index div {
	background-color: #f56464
}

.discuss-panel .edit-box-active .edit-option .dot-index .cancel-dot {
	display: none
}

.discuss-panel .edit-box-active .edit-option .dot-index:hover .dot-number
	{
	display: none
}

.discuss-panel .edit-box-active .edit-option .dot-index:hover .cancel-dot
	{
	display: inline-block;
	background-position: -849px -137px
}

.discuss-panel .edit-box-active .edit-option .discuss-base-btn {
	text-align: center;
	font-size: 12px;
	border-radius: 4px;
	cursor: pointer;
	float: right
}

.discuss-panel .edit-box-active .edit-option .cancel-btn, .discuss-panel .edit-box-active .edit-option .send-btn-disabled
	{
	height: 22px;
	width: 58px;
	border: 1px solid rgba(255, 255, 255, .4);
	background: #44444f;
	line-height: 22px
}

.discuss-panel .edit-box-active .edit-option .send-btn {
	height: 24px;
	width: 60px;
	background: #c73e3e;
	color: #fff
}

.discuss-panel .edit-box-active .edit-option .cancel-btn {
	margin-right: 12px
}

.discuss-panel .edit-box-active .edit-option .send-btn-disabled {
	color: rgba(255, 255, 255, .4);
	cursor: default
}

.discuss-panel .empty-discuss-box {
	display: flex;
	width: 240px;
	align-items: center;
	justify-content: center
}

.discuss-panel .empty-discuss-box .empty-discuss {
	width: 124px;
	position: fixed;
	top: 50%;
	transform: translateY(-50%)
}

.discuss-panel .empty-discuss-box .empty-discuss .empty-img {
	width: 84px;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 15px;
	background-position: -784px -170px
}

.discuss-panel .empty-discuss-box .empty-discuss .empty-text {
	font-size: 12px;
	color: #979797;
	text-align: center
}

.discuss-panel .click-more-reply {
	width: 208px;
	height: 24px;
	border-radius: 2px;
	background: rgba(0, 0, 0, .15);
	color: rgba(255, 255, 255, .4);
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	cursor: pointer
}

.discuss-panel .click-more-reply:hover {
	color: rgba(255, 255, 255, .6)
}

.discuss-panel .solved-box .dot-index .dot-success {
	background-color: #5cc465;
	background-position: -51px -22px
}

.discuss-panel .solved-box .dot-mine, .discuss-panel .solved-box .userInfo-img,
	.discuss-panel .solved-box .userInfo-nick, .discuss-panel .solved-box p
	{
	opacity: .5
}

.discuss-panel .hide-content-box p {
	height: 20px
}

.discuss-panel .dot-index {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 1;
	cursor: pointer
}

.discuss-panel .dot-index div {
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background-color: #3c3d43;
	text-align: center;
	line-height: 18px
}

.discuss-panel .discuss-box {
	display: flex;
	font-size: 12px;
	flex-direction: column;
	margin: 10px 16px 20px;
	width: 208px;
	justify-content: space-between
}

.discuss-panel .discuss-box:first-child {
	margin-top: 15px
}

.discuss-panel .discuss-box .top-content {
	position: relative;
	margin-top: 12px;
	vertical-align: center;
	height: 26px;
	line-height: 26px
}

.discuss-panel .discuss-box .top-content .drop-menu-box {
	z-index: 111
}

.discuss-panel .discuss-box .top-content .userInfo-img {
	width: 26px;
	height: 26px;
	border-radius: 13px;
	margin-right: 8px;
	float: left
}

.discuss-panel .discuss-box .top-content .userInfo-nick {
	float: left
}

.discuss-panel .discuss-box .top-content .userInfo-nick-discuss-other {
	max-width: 144px
}

.discuss-panel .discuss-box .top-content .userInfo-nick-discuss-mine {
	max-width: 132px
}

.discuss-panel .discuss-box .top-content .userInfo-nick-reply-other {
	max-width: 132px
}

.discuss-panel .discuss-box .top-content .userInfo-nick-reply-mine {
	max-width: 120px
}

.discuss-panel .discuss-box .top-content .dot-mine {
	color: #ffb4b4;
	float: left
}

.discuss-panel .discuss-box .bottom-content {
	margin-top: 12px;
	width: 208px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.discuss-panel .discuss-box .bottom-content>span {
	font-size: 12px;
	color: #d8d8d8;
	opacity: .4
}

.discuss-panel .discuss-box p {
	width: 208px;
	font-size: 13px;
	line-height: 20px;
	margin-top: 8px;
	user-select: text
}

.discuss-panel .discuss-box .option-menu {
	width: 12px;
	height: 26px;
	float: right;
	background-position: -685px -136px;
	cursor: pointer;
	display: none
}

.discuss-panel .discuss-box .discuss-reply-btn {
	width: 13px;
	height: 13px;
	background-position: -712px -144px;
	cursor: pointer;
	display: none
}

.discuss-panel .discuss-box:hover .discuss-reply-btn, .discuss-panel .discuss-box:hover .option-menu
	{
	display: block
}

.discuss-panel .comment-box {
	background: rgba(0, 0, 0, .15);
	width: 208px;
	border-radius: 4px;
	margin-top: 4px;
	padding-bottom: 12px;
	margin-bottom: 0
}

.discuss-panel .comment-box .comment-content {
	margin-left: 12px;
	margin-right: 12px
}

.discuss-panel .comment-box .comment-content p {
	width: 182px
}

.discuss-panel .comment-box .bottom-content {
	width: 184px
}

.discuss-panel .reply-solved-box {
	background: rgba(0, 0, 0, .075)
}

.discuss-panel .reply-solved-box .top-content .dot-mine, .discuss-panel .reply-solved-box .top-content .userInfo-img,
	.discuss-panel .reply-solved-box .top-content .userInfo-nick {
	opacity: .5
}

.discuss-panel .reply-solved-box p {
	opacity: .5
}

.discuss-panel .atwho-view {
	z-index: 11110 !important;
	width: 170px;
	max-height: 234px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 12px;
	position: absolute;
	bottom: 0;
	left: -.8em;
	cursor: default;
	background-color: rgba(60, 60, 70, .98)
}

.discuss-panel .atwho-tip {
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	padding-left: 12px;
	color: rgba(255, 255, 255, .4);
	position: absolute;
	top: 0;
	left: 0
}

.discuss-panel .atwho-view ul {
	list-style: none;
	margin-top: 32px;
	overflow: scroll;
	max-height: 198px
}

.discuss-panel .atwho-view ul li {
	display: block
}

.discuss-panel .atwho-view ul li {
	box-sizing: border-box;
	white-space: nowrap;
	display: flex;
	align-items: center;
	height: 32px;
	line-height: 32px;
	padding-left: 12px
}

.discuss-panel .atwho-view ul li span {
	overflow: hidden;
	text-overflow: ellipsis
}

.discuss-panel .atwho-view .cur {
	background-color: rgba(0, 0, 0, .35)
}

.discuss-panel .atwho-panel {
	position: absolute
}

.discuss-panel .atwho-inner {
	position: relative
}

.discuss-panel .atwho-view::-webkit-scrollbar {
	width: 11px;
	height: 11px
}

.discuss-panel .atwho-view::-webkit-scrollbar-thumb {
	min-height: 36px;
	border: 2px solid transparent;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	background-clip: padding-box;
	border-radius: 7px
}

@
keyframes extendBox { 0%{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	opacity: 1
}

25%{
transform
:scale
(1
.5
);-webkit-transform
:scale
(1
.5
);opacity
:
.8
}
50%{
transform
:scale(2)
;-webkit-transform
:scale(2)
;opacity
:
.6
}
75%{
transform
:scale
(2
.8
);-webkit-transform
:scale
(2
.8
);opacity
:
.4
}
100%{
transform
:scale(4)
;-webkit-transform
:scale(4)
;opacity
:
0
}
}
.mark-base-img {
	background: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px
}

.show-distance-type {
	width: 68px;
	height: 12px;
	display: flex;
	justify-content: space-between;
	align-items: space-between;
	margin-bottom: 16px;
	cursor: pointer
}

.show-distance-type .relative-distance {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	background: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-color: #f56464;
	background-position: -908px -136px
}

.show-distance-type .absolute-distance {
	width: 12px;
	height: 12px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, .8)
}

.show-distance-type .distance-type-tip {
	font-size: 12px;
	color: #f2f2f2;
	width: 48px;
	height: 12px;
	line-height: 12px
}

.mark-top {
	position: fixed;
	display: flex;
	background: #4a4a56;
	top: 45px
}

.mark-top .mark-top-menu {
	display: flex;
	height: 40px;
	line-height: 40px;
	justify-content: center;
	font-size: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	border-right: 1px solid rgba(0, 0, 0, .2)
}

.mark-top #codePreview, .mark-top #colorModel {
	width: 66px
}

.mark-top #unit {
	width: 52px
}

.mark-top #doubleGraph {
	width: 53px
}

.mark-top .mark-top-doubleGraph {
	border-right: 0
}

.mark-top .mark-top-doubleGraph .C_selectBox:not (.blank )::after {
	top: 16px
}

.mark-top .C_selectBox {
	position: relative;
	cursor: pointer;
	color: #fff;
	width: 60px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	border: 0;
	background: #4a4a56
}

.mark-top .mark-top .C_selectBox {
	text-align: center
}

.mark-top .C_selectBox span {
	text-indent: 0;
	padding-right: 16px;
	text-align: center
}

.mark-top .C_selectBox:not (.blank )::after {
	top: 16px;
	right: 5px
}

.custom-input {
	position: absolute;
	width: 60px;
	height: 40px;
	top: 0;
	right: 0;
	z-index: 2;
	background: #4a4a56;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 40px
}

.mark-data-common {
	width: 140px;
	height: 24px;
	border-radius: 4px;
	text-indent: 8px;
	font-size: 12px;
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .6);
	overflow: hidden
}

.mark-body-top {
	width: 208px;
	margin: 16px auto;
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.mark-body-top .body-top-style {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto
}

.mark-body-top .body-top-style .style-rect {
	display: flex;
	margin-bottom: 16px
}

.mark-body-top .body-top-style .style-rect .style-key {
	width: 20px;
	line-height: 24px
}

.mark-body-top .body-top-style .style-rect .style-value {
	width: 76px;
	height: 24px;
	line-height: 24px;
	border-radius: 4px;
	text-indent: 8px;
	font-size: 12px;
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .6)
}

.mark-data-title {
	display: flex;
	height: 20px;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px
}

.mark-data-title .mark-list-header {
	font-size: 13px;
	padding-left: 6px;
	border-left: 2px solid #f56464
}

.mark-data-title .export-btn {
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	width: 20px;
	height: 20px;
	background-position: -970px -133px
}

.mark-list-common {
	position: relative;
	width: 208px;
	margin: 0 auto;
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.mark-list-common .mark-list-header {
	font-size: 13px;
	padding-left: 6px;
	border-left: 2px solid #f56464;
	margin: 16px 0;
	margin-left: -8px
}

.mark-list-common .mark-chart-color:nth-child(8n) {
	margin-right: 0
}

.mark-list-common .mark-list-btn {
	width: 212px;
	height: 28px;
	font-size: 12px;
	margin: 0 auto 16px;
	opacity: .8;
	border-radius: 4px;
	background: #3b3c45;
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer
}

.mark-list-common .mark-list-btn:hover {
	border: 1px solid #f56464;
	color: #f56464
}

.mark-list-content {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
	line-height: 24px
}

.mark-list-content .list-content-header {
	width: 42px;
	font-size: 12px;
	opacity: .75;
	position: relative
}

.mark-list-content .word-content-header {
	width: 48px;
	margin-right: 8px
}

.mark-list-content .style-content-header {
	width: 48px;
	margin-right: 20px
}

.mark-list-content .mark-color-panel {
	width: 18px;
	height: 18px;
	margin: auto 0;
	border-radius: 50%;
	margin-right: 8px;
	box-sizing: border-box
}

.mark-list-content .bgColor-color {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-sizing: border-box;
	top: 1px;
	left: 2px
}

.mark-list-content .bgColor-color:hover {
	border: 1px solid #fff
}

.mark-list-content .mark-opacity-color-panel {
	position: relative
}

.mark-list-content .mark-opacity-color-panel::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image:
		url();
	border-radius: 3px;
	border-radius: 50%;
	margin: 0;
	top: 1px;
	left: 2px
}

.mark-border .mark-color-panel {
	margin-top: 3px
}

.title-data {
	width: 192px;
	line-height: 28px;
	padding: 0 8px;
	font-size: 12px;
	border-radius: 4px;
	color: rgba(255, 255, 255, .6);
	margin-bottom: 16px;
	background: rgba(0, 0, 0, .2)
}

.common-line {
	display: inline-flex
}

.common-line .common-line-data {
	width: 54px;
	overflow: hidden
}

.common-column {
	float: right;
	display: inline-flex
}

.common-column .common-column-data {
	width: 54px
}

.form-color-data {
	width: 140px
}

.mark-border-data {
	width: 208px;
	display: flex;
	justify-content: flex-end
}

.mark-border-data .border-data {
	width: 64px;
	margin-left: 12px
}

.common-btn {
	height: 24px;
	line-height: 12px;
	font-size: 12px;
	border-radius: 2px;
	background: rgba(184, 184, 208, .12);
	color: #fff;
	cursor: pointer;
	border: 1px solid transparent;
	box-sizing: border-box
}

.common-btn:hover {
	border: 1px solid #f56464
}

.font-style {
	width: 208px;
	justify-content: space-between
}

.font-style .common-column:nth-child(2n) {
	margin-right: 16px
}

.parent-set-btn {
	margin: 0 8px 8px 0;
	padding: 6px 8px;
	margin-bottom: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.mark-border-color {
	margin-bottom: 8px
}

.mark-list-subelement {
	padding-bottom: 8px
}

.subelement-btn {
	margin: 0 8px 8px 0;
	padding: 6px 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 208px
}

.page-mark-panel .catalog-list>li .name-wrapper {
	max-width: 204px
}

.page-mark-panel .catalog-list>li.layer-2 .name-wrapper {
	max-width: 188px
}

.page-mark-panel .catalog-list>li.layer-3 .name-wrapper {
	max-width: 172px
}

.page-mark-panel .catalog-list>li.layer-4 .name-wrapper {
	max-width: 156px
}

.page-mark-panel .catalog-list>li.layer-5 .name-wrapper {
	max-width: 140px
}

.page-mark-panel .catalog-list>li.layer-6 .name-wrapper {
	max-width: 124px
}

.page-mark-panel .catalog-list>li.layer-7 .name-wrapper {
	max-width: 108px
}

.page-mark-panel .catalog-list>li.layer-8 .name-wrapper {
	max-width: 92px
}

.mark-text-content {
	padding-bottom: 16px
}

.style-color-panel {
	background: #007aff
}

.style-border-panel {
	background: #d3d3d3
}

.mark-bg-color {
	overflow: hidden
}

.mark-style-shadow {
	display: flex;
	margin-bottom: 16px;
	justify-content: space-between
}

.mark-style-shadow .shadow-list {
	width: 44px;
	height: 44px;
	text-align: center
}

.mark-style-shadow .shadow-list .shadow-list-head {
	opacity: .4;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 8px
}

.mark-style-shadow .shadow-list .shadow-list-text {
	height: 24px;
	line-height: 24px;
	background: #2e2f36;
	border-radius: 4px;
	color: rgba(255, 255, 255, .6);
	overflow: hidden
}

.mark-style-shadow .shadow-x, .mark-style-shadow .shadow-y {
	position: relative;
	margin-right: 8px
}

.mark-style-shadow .shadow-blur, .mark-style-shadow .shadow-spread {
	margin-left: 8px
}

.mark-style-shadow .shadow-y::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 10px;
	right: -8px;
	top: 4px;
	background: rgba(255, 255, 255, .1)
}

.mark-list-text {
	width: 192px;
	padding: 6px 8px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 20px;
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .6)
}

.mark-word-text {
	width: 64px;
	margin-left: 12px
}

.mark-color-header {
	font-size: 12px;
	color: #fff;
	opacity: .6;
	margin: 16px 0 8px
}

.mark-color-list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 207px;
	margin-bottom: 10px
}

.mark-color-list .color-panel:nth-child(8n) {
	margin-right: 0
}

.page-color-list {
	margin-bottom: 6px
}

.color-panel {
	width: 18px;
	height: 18px;
	margin: auto 0;
	border-radius: 50%;
	margin-right: 9px;
	margin-bottom: 10px;
	box-sizing: border-box
}

.color-panel:hover {
	border: 1px solid #fff
}

.mark-mode .advanced-contr>div, .mark-mode .textC>p {
	pointer-events: none
}

.page-mark-panel .name-wrapper {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.mark-chart, .mark-css {
	border-bottom: 0
}

.mark-chart .mark-chart-copy, .mark-chart .mark-css-copy, .mark-css .mark-chart-copy,
	.mark-css .mark-css-copy {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
	background: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -459px -449px;
	cursor: pointer
}

.mark-chart .mark-chart-data, .mark-chart .mark-css-data, .mark-css .mark-chart-data,
	.mark-css .mark-css-data {
	width: 192px;
	padding: 6px 8px;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size: 12px;
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .6)
}

.mark-chart .mark-chart-data pre, .mark-chart .mark-css-data pre,
	.mark-css .mark-chart-data pre, .mark-css .mark-css-data pre {
	white-space: pre-wrap;
	user-select: text
}

.material-icons {
	overflow: hidden
}

.mark-list-content-data {
	width: 192px;
	padding: 6px 8px;
	border-radius: 4px;
	margin-bottom: 16px;
	font-size: 12px;
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .6)
}

.mark-list-content-data .mark-content-child-2 {
	margin-left: 12px
}

.mark-list-content-data .mark-content-child-3 {
	margin-left: 24px
}

.mark-list-content-data .mark-content-child-4 {
	margin-left: 36px
}

.mark-list-content-data .mark-content-child-5 {
	margin-left: 48px
}

.mark-list-content-data .mark-content-child-6 {
	margin-left: 60px
}

.mark-list-content-data .mark-content-child-7 {
	margin-left: 72px
}

.download-contr-icon, .download-contr-img {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
	background: url(/images/compRight-8d72143067.png);
	background-size: 800px 800px;
	background-position: -268px -346px;
	cursor: pointer
}

.pageStructTool {
	position: relative;
	color: #fff;
	font-size: 13px;
	margin: 10px 12px;
	padding-bottom: 8px;
	background: #3c3c45;
	border-bottom: solid 1px rgba(255, 255, 255, .1);
	z-index: 1
}

.pageStructTool span {
	margin-left: 20px
}

.pageStructTool:before {
	position: absolute;
	content: '';
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -145px -469px;
	height: 20px;
	width: 20px;
	top: -1px;
	left: -1px
}

.pageStructTool.contr-struct-tool:before {
	background-position: -5px -489px
}

.pageStructTool .toolBox {
	position: absolute;
	top: 2px;
	right: 2px
}

.pageStructTool .toolBox i {
	font-size: 18px;
	cursor: pointer;
	margin-left: 5px
}

.pageStructTool .add-folder {
	background-position: -186px -470px
}

.pageStructTool .add-page {
	background-position: -26px -490px
}

.pageStructTool .search-struct {
	background-position: -46px -490px
}

.pageStructTool .fold-all-struct {
	background-position: -279px -203px
}

.pageStructTool .fold-all-struct.struct-is-fold {
	background-position: -299px -203px
}

.struct-tab-box .struct-tab {
	display: inline-block;
	color: #fff;
	line-height: 30px;
	width: 65px;
	margin: 10px 15px 0 30px;
	text-align: center;
	cursor: pointer;
	font-size: 14px
}

.struct-tab-box .struct-tab.active {
	color: #f56464;
	border-bottom: 2px solid #f56464
}

.preview-page-panel.page-mark-panel .page-num {
	margin: 10px 10px 0
}

.preview-page-panel.page-mark-panel .preview-pages {
	top: 80px;
	bottom: 0
}

.struct-search-container {
	position: relative;
	height: 32px;
	margin: 6px 12px;
	margin-top: 4px;
	border-bottom: 1px solid #f56464
}

.struct-search-container input {
	color: #fff;
	text-align: left;
	line-height: 32px;
	font-size: 13px;
	text-indent: 16px
}

.struct-search-container .new-base-img.search {
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	background-position: -260px -205px;
	left: 0;
	top: 10px
}

.struct-search-container .cancel-search {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0;
	top: 6px;
	background-position: -618px -3px;
	cursor: pointer
}

.struct-search-container .cancel-search:hover {
	background-position: -618px -23px
}

.share-tip-box .share-code {
	position: absolute;
	right: -6px;
	top: 2px;
	width: 40px;
	height: 40px
}

.share-tip-box .share-popup {
	position: absolute;
	display: flex;
	align-items: center;
	width: 184px;
	height: 52px;
	top: 50px;
	left: -100px;
	background: #3c3d43;
	color: #fff;
	font-size: 12px;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.share-tip-box .share-popup:before {
	content: "";
	position: absolute;
	left: 111px;
	top: -6px;
	border-width: 0 6px 6px;
	border-style: solid;
	border-color: transparent transparent #3c3d43;
	z-index: 10
}

.share-tip-box .share-popup:after {
	content: "";
	position: absolute;
	left: 109px;
	top: -8px;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: transparent transparent #eee;
	z-index: 0
}

.share-tip-box .share-popup.popup-right {
	left: -150px
}

.share-tip-box .share-popup.popup-right:before {
	left: 161px
}

.share-tip-box .share-popup.popup-right:after {
	left: 159px
}

.share-tip-box .share-popup .popup-img {
	width: 24px;
	height: 24px;
	background: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -128px -650px;
	margin: 0 8px 0 14px
}

.share-tip-box .anim-breath-dom, .share-tip-box .anim-breath::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
	transform: translate(-50%, -50%);
	animation: breath 2.5s ease-in-out both;
	animation-iteration-count: infinite
}

@
keyframes breath { 0%{
	opacity: .3;
	transform: translate(-50%, -50%) scale(1)
}

25%{
opacity
:
1;transform
:translate
(-50%
,
-50%)
scale
(1
.2
)
}
50%{
opacity
:
.3
;transform
:translate
(-50%
,
-50%)
scale
(1)
}
75%{
opacity
:
1;transform
:translate
(-50%
,
-50%)
scale
(1
.2
)
}
100%{
opacity
:
.3
;transform
:translate
(-50%
,
-50%)
scale
(1)
}
}
.note-popover {
	position: fixed;
	left: 300px;
	top: 100px;
	width: 240px;
	padding: 15px;
	box-sizing: border-box;
	background: rgba(60, 61, 67, .97);
	line-height: 1.8;
	color: #fff;
	border-radius: 4px;
	box-shadow: 0 4px 7px rgba(0, 0, 0, .2);
	transition: opacity .1s;
	z-index: 2;
	font-size: 12px
}

.note-popover pre {
	font-family: inherit;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: inherit;
	width: 100%;
	display: inline-block
}

.project-panel {
	top: 0;
	margin: 0 auto;
	cursor: crosshair;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4
}

.project-panel.is-create-dot .spot-box {
	pointer-events: none
}

.project-panel .solved-dot {
	opacity: .5
}

.project-panel .mouse-tip {
	width: 156px;
	height: 36px;
	background: rgba(0, 0, 0, .5);
	border: 1px solid #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
	text-align: center;
	line-height: 36px;
	color: #fff;
	font-size: 12px;
	position: fixed;
	border-radius: 4px
}

.project-panel .hover-discuss-dot {
	transform: scale(1.2)
}

.project-panel.is-click-dot .click .extend-box {
	position: absolute;
	width: 38px;
	height: 38px;
	border-radius: 19px;
	background: #f56464;
	opacity: 0;
	top: 0;
	left: 0;
	animation: .5s extendBox ease;
	z-index: -1
}

.project-panel .create-dot .dot-point {
	transform: scale(1.2)
}

.project-panel.is-hover-dot .spot-box {
	opacity: .5
}

.project-panel.is-hover-dot .spot-box .solved-dot {
	opacity: 1
}

.project-panel.is-hover-dot .spot-box:hover {
	opacity: 1
}

.project-panel.is-hover-dot .hover {
	opacity: 1;
	z-index: 100
}

.project-panel.is-hover-dot .hover .dot-point {
	transform: scale(1.2)
}

.project-panel .edit-dot {
	display: none
}

.project-panel.is-normal {
	cursor: default
}

.project-panel.is-normal .mouse-tip {
	display: none
}

.project-panel.is-create-dot .spot-box {
	opacity: .5
}

.project-panel.is-create-dot .spot-box .solved-dot {
	opacity: 1
}

.project-panel.is-create-dot .spot-box:not (.create-dot ):hover .dot-point
	{
	transform: scale(1)
}

.project-panel.is-create-dot .spot-box.create-dot {
	opacity: 1
}

.project-panel.is-create-dot .spot-box.create-dot .dot-point {
	opacity: 1;
	transform: scale(1.2)
}

.project-panel .my-area .drag-area {
	cursor: move
}

.project-panel .my-dot {
	cursor: move
}

.project-panel .spot-drag-box.spot-has-area>.dot-box {
	pointer-events: none
}

.project-panel .spot-drag-box .drag-area {
	cursor: move
}

.project-panel .spot-drag-box .dot-box {
	cursor: move
}

.project-panel .spot-box .drag-box {
	display: none
}

.project-panel .spot-box .my-drag {
	display: block
}

.project-panel .spot-box.spot-has-area>.dot-box {
	pointer-events: none
}

.project-panel .hover-spot-box {
	width: 1000px
}

.project-panel .hover-spot-box .dot-box .dot-point {
	transform: scale(1.2)
}

.project-panel .dot-box {
	position: absolute;
	z-index: 1
}

.project-panel .dot-box:hover {
	z-index: 1
}

.project-panel .dot-box:hover .dot-point {
	transform: scale(1.2)
}

.project-panel .dot-box .dot-point {
	box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
	width: 38px;
	height: 38px;
	background: #fff;
	border-radius: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: transform .2s
}

.project-panel .dot-box .dot-point .index-dot {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	text-align: center;
	line-height: 32px;
	font-size: 18px;
	background: #f56464;
	color: #fff
}

.project-panel .dot-box .dot-point .solved-dot {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background-color: #5cc465;
	background-position: -874px -128px
}

.project-panel .drag-area {
	border: 1px solid #f56464;
	box-sizing: border-box;
	background: rgba(245, 100, 100, .2);
	position: absolute;
	cursor: default
}

.project-panel .solved-drag-area {
	border: 1px solid #ffb4b4;
	background: rgba(255, 180, 180, .2)
}

.project-panel .drag-box {
	width: 4px;
	height: 4px;
	border: 1px solid #000;
	background: #fff;
	position: absolute;
	cursor: se-resize
}

.note-popover-enter {
	opacity: .01
}

.note-popover-enter.note-popover-enter-active {
	opacity: 1
}

.note-popover-leave {
	opacity: 1
}

.note-popover-leave.note-popover-leave-active {
	opacity: .01
}

.canvas-page {
	width: 1440px;
	height: 1518px;
	max-height: 1156.72px;
	background: #fff;
	margin-left: 720px;
	transform: scale(.5);
	transform-origin: 0 0
}

.canvas-page>div {
	background: #fff
}

.mark-chart-color {
	width: 18px;
	height: 18px;
	border-radius: 9px;
	margin-bottom: 10px;
	display: inline-block;
	margin-right: 9px
}

.mark-chart-color .bgColor-color {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 1px;
	left: 2px;
	position: relative
}

.mark-chart-color .bgColor-color:hover {
	border: 1px solid #fff
}

.mark-opacity-color-panel {
	position: relative
}

.mark-opacity-color-panel::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image:
		url();
	border-radius: 3px;
	border-radius: 50%;
	top: 1px;
	left: 2px
}

.mark-font-size {
	width: 64px;
	height: 26px;
	margin-left: 68px;
	margin-top: 11px
}

.mark-chart-list {
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	color: #fff;
	margin-bottom: 16px;
	opacity: .4
}

.chart-input .list-content-header {
	margin-right: 26px
}

.chart-input .common-line-data {
	width: 64px
}

.mark-carousel-img .carousel-img-box {
	width: 62px;
	height: 42px;
	margin-right: 11px;
	margin-bottom: 10px
}

.mark-carousel-img .carousel-img-box:nth-child(3n) {
	margin-right: 0
}

.mark-carousel-download {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0;
	top: 0;
	background: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	background-position: -459px -449px;
	cursor: pointer
}

.mark-style-second {
	padding-bottom: 0;
	border-bottom: none
}

.mark-style-second .mark-list-header {
	margin-left: 0;
	font-size: 11px
}

.mask-size-data {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px
}

.mask-size-data .style-rect {
	display: flex;
	width: 96px;
	align-items: center;
	justify-content: space-between
}

.mask-size-data .style-key {
	width: 20px;
	height: 24px;
	line-height: 24px
}

.mask-size-data .style-value {
	width: 76px;
	height: 24px;
	line-height: 24px;
	border-radius: 4px;
	text-indent: 8px;
	font-size: 12px;
	background: rgba(0, 0, 0, .2);
	color: rgba(255, 255, 255, .6)
}

.mark-icon-box {
	margin-bottom: 11px;
	margin-right: 17px;
	cursor: pointer
}

.show-modal-control {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 22px;
	padding: 11px 20px;
	border-radius: 0 0 0 2px;
	background: rgba(60, 60, 70, .98);
	z-index: 111
}

.show-modal-control .percent-btn {
	margin-right: 0
}

.show-modal-control .scale-setting-wrapper {
	top: 12px
}

.show-modal-control #multiBtn {
	margin: -12px 0 0 0;
	padding-left: 0;
	padding-right: 0;
	background-position: -660px -202px
}

.show-modal-control #multiBtn.active {
	background-position: -660px -167px
}

.show-modal-control .control-option {
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important
}

.show-modal-control .control-option .zoom-control {
	font-size: 12px;
	width: 40px
}

.show-modal-control .control-option .play-control {
	width: 20px;
	height: 20px;
	position: relative
}

.show-modal-control .control-option .play-control::after,
	.show-modal-control .control-option .play-control::before {
	content: '';
	position: absolute;
	background: #fff;
	width: 1px;
	height: 22px;
	opacity: .1
}

.show-modal-control .control-option .play-control::before {
	left: -16px
}

.show-modal-control .control-option .play-control::after {
	right: -16px
}

.show-modal-control .control-option .exit-control {
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.show-modal-control .control-option .exit-control .exit-icon {
	width: 20px;
	height: 20px;
	background-image: url(/images/prd-icons-070b070696.png);
	background-size: 400px auto;
	background-position: 0 -100px
}

.show-modal-control .control-option .exit-control .exit-text {
	margin-left: 6px;
	height: 20px
}

.web-show-modal-control {
	width: 148px
}

.web-show-modal-control .play-control {
	display: none
}

.web-show-modal-control .zoom-control {
	position: relative
}

.web-show-modal-control .zoom-control::before {
	content: '';
	position: absolute;
	background: #fff;
	width: 1px;
	height: 22px
}

.web-show-modal-control .zoom-control::before {
	right: -10px
}

.multi-button {
	z-index: 11;
	position: absolute;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background-color: #ff7676;
	box-shadow: 0 1px 4px 0 #000;
	background-image: url(/images/new_images-c2d60a779f.png);
	background-size: 1000px 1000px;
	transform: translateX(-40px);
	cursor: -webkit-image-set(url(/images/cursor-pointer-b415e9817c.png) 2x,
		url(/images/cursor-pointer%401-a067aedac5.png) 1x) 9 9, auto
		!important;
	background-position: -837px -357px;
	pointer-events: auto
}

.cursor-mask {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 999999
}

.cursor-mask.cursor-is-view-move {
	cursor: -webkit-image-set(url(/images/cursor-view-move-51eb90060f.png) 2x,
		url(/images/cursor-view-move%401-f834bb17db.png) 1x) 15 15, auto
		!important
}

.cursor-mask.cursor-is-zoom-in {
	cursor: -webkit-image-set(url(/images/cursor-zoom-in-d1d630289c.png) 2x,
		url(/images/cursor-zoom-in%401-5941ace0b3.png) 1x) 9 9, auto
		!important
}

.cursor-mask.cursor-is-zoom-out {
	cursor: -webkit-image-set(url(/images/cursor-zoom-out-b0be95e136.png) 2x,
		url(/images/cursor-zoom-out%401-be1446d9db.png) 1x) 9 9, auto
		!important
}

.cursor-mask.cursor-is-view-grab {
	cursor: -webkit-image-set(url(/images/cursor-view-grab-3ab0773311.png) 2x,
		url(/images/cursor-view-grab%401-c0e0dfb1fb.png) 1x) 15 15, auto
		!important
}

.no-page-toast {
	position: fixed;
	font-size: 20px;
	opacity: .2;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	z-index: 11;
	top: calc(50% + 22.5px - 84px);
	transform: translateY(-50%)
}

.textC .hL .inputText, .textC .hL.inputText {
	text-align: left
}

.textC .hC .inputText, .textC .hC.inputText {
	text-align: center
}

.textC .hR .inputText, .textC .hR.inputText {
	text-align: right
}

.textC .hJ .inputText, .textC .hJ.inputText {
	text-align: justify
}

.vT .inputText, .vT.inputText {
	top: 0;
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0
}

.vM .inputText, .vM.inputText {
	top: 50%;
	transform: translateY(-50%);
	transform-origin: 0 center;
	-webkit-transform-origin: 0 center
}

.vB .inputText, .vB.inputText {
	bottom: 0;
	transform-origin: 0 100%;
	-webkit-transform-origin: 0 100%
}

.tB {
	font-weight: 700
}

.tI {
	font-style: italic
}

.tU {
	text-decoration: underline
}

.tS {
	text-decoration: line-through
}

#protoPreview .prd-content-text .table-cell .contrTextBox .inputText>div
	{
	pointer-events: auto;
	cursor: -webkit-image-set(url(/images/cursor-text-4ba73b16b3.png) 2x,
		url(/images/cursor-text%401-3f72a719e2.png) 1x) 15 15, auto
		!important
}

.iconC .iconfont {
	position: absolute;
	left: 0;
	top: 0
}

.prd-preview-container:not (.prd-preview-web ) .prd-component-panel>.symbol-lib-item>.isC>#symbolWrapper
	{
	transform: scale(1.171875);
	transform-origin: 0 0
}

.prd-preview-container .advanced-box {
	position: absolute;
	left: 0;
	top: 0
}

.prd-preview-container .middle-advanced-box {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%)
}

.prd-preview-container .middle-advanced-horizontal-box {
	width: auto;
	left: 50%;
	transform: translate(-50%, -50%)
}

.prd-preview-container .ant-calendar-picker>div {
	height: 100%
}